@import "style_s.css";
@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
	src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/OpenSans.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  	font-family: 'Open Sans';
  	src: url('fonts/OpenSans-Semibold.eot'); /* IE9 Compat Modes */
	src: url('fonts/OpenSans-Semibold.eott?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans-Semibold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans-Semibold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Semibold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/OpenSans-Semibold.svg#svgFontName') format('svg'); /* Legacy iOS */
  	font-weight: 600;
}
@font-face {
  	font-family: 'Open Sans';
  	src: url('fonts/OpenSans-Bold.eot'); /* IE9 Compat Modes */
	src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/OpenSans-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
  	font-weight: bold;
}
body {
    color: #728087;
    font-family: Arial, Verdana;
    font-size: 12px;
    height: 100%;
    line-height: 1.3em;
}
h1 {
    display: inline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3b0950;
    font-weight: normal;
    line-height: 100%;
}
h2,
h3 {
    font-size: 15px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}
a {
    text-decoration: none;
    color: #74820f;
}
.sitemap .breadcrumb li span {
    font-size: 14px;
}
.sitemap .glossary-letter {
    font-size: 1.5em;
    margin: 5px 0;
    font-weight: 300;
    color: #0a4678!important;
}
.sitemap .glossary-letter:hover {
    color: #ff7500!important;
}
.sitemap #glossary-navigation {
    background-image: url(/img/sitemap-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    right: 0;
    width: 100%;
    top: 115px;
    z-index: 1;
}
.sitemap .grid-item.three-fourths {
    width: 75% !important;
}
.sitemap .grid-item.one-fourth {
    width: 25% !important;
}
.sitemap .content-wrapper-small.mt400 {
    padding-top: 365px!important;
    margin-bottom: 27px;
}
.sitemap article li a span {
    font-size: 18px;
}
.sitemap #glossary-navigation .grid-item {
    width: 100%;
    background-color: rgba(0, 52, 104, 0.7);
    padding: 186px 0 94px 0;
    -webkit-transition: background 2s;
    -ms-transition: background 2s;
    -o-transition: background 2s;
    -moz-transition: background 2s;
    transition: background 2s;
}
.sitemap.datenschutz #glossary-navigation .grid-item {
    padding-top: 140px;
}
.sitemap section,
.sitemap .content-wrapper-small {
    margin: 0 auto;
    width: 100%;
    max-width: 800px;
    padding: 0 8px;
}
.unternehmen #glossary-index article h3 {
    font-size: 26px !important;
    line-height: 34px;
    padding: 40px 15% 5px;
}
.unternehmen.impressum #glossary-index article h3 {
    padding: 40px 14% 5px;
}
.unternehmen article .gutter > .three-fourths {
    margin-bottom: 24px;
}
.presse article h2,
.impressum article h2,
.datenschutz article h2 {
    font-size: 32px;
    font-weight: 300;
}
.presse #ContactForm .button-primary,
.presse #ContactForm .button-primary:link,
.presse #ContactForm .button-primary:visited {
    border-color: #f57000;
    background: #ff7500;
    color: #fff;
    padding: .45em 2em;
}
.presse #ContactForm .button-primary:hover,
.presse #ContactForm .button-primary:focus,
.presse #ContactForm .button-primary:active {
    background: #ff851d;
}
.presse #ContactForm p.fineprint {
    font-size: 13px;
}
.presse #ContactForm strong,
.presse #ContactForm strong input {
    font-weight: 600;
}
.unternehmen #glossary-index .contactbox h4 {
    font-size: 2.1rem;
    color: #262626;
    word-spacing: 3px;
}
.unternehmen #glossary-index .contactbox p {
    font-size: 16px;
}
#infoMessage,
.presse #ContactForm *,
.unternehmen #glossary-index article p,
.unternehmen.datenschutz #glossary-index article ul > li {
    font-size: 18px;
}

.sitemap #glossary-navigation .grid-item:hover {
    background-color: rgba(0, 0, 0, 0);
}
/*.sitemap #glossary-index > article {
    padding-top: 400px !important;
}*/
.sitemap .grid-item .padding-horizontal-l.padding-vertical-s.border.margin-bottom-l.grid.background-info ul {
    width: 25%;
    float: left;
}
.one-fourth, .two-eighths, .three-twelfths {
    width: 25% !important;
}
.three-fourths, .six-eighths, .nine-twelfths {
    width: 75% !important;
}

.blue .sitemap h3 {
    font-size: 4rem!important;
    color: #262626;
}

.blue .sitemap .gutter h3 {
    color: #fff;
    width: 100%;
    max-width: 694px;
    margin: auto;
}

.sitemap .gutter,
.sitemap .gutter-horizontal {
    margin-left: 0;
}
.unternehmen .gutter {
    margin-left: -24px;
}

.cms-pictureblockwidget-teaser-text {
    text-align: center;
}

.cms-pictureblockwidget-teaser li {
    display: flow-root;
}

.NewContent a:hover {
    text-decoration: none;
}

.teaser-link {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

#if2 {
    display: none;
}

.clear {
    clear: both;
}

#wrapper {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

#header {
    height: 100px;
    padding-top: 34px;
    position: relative;
}

.headline h1 a {
    color: #3B0950;
    font-size: 30px;
    font-weight: normal;
}

.headline {
    position: relative;
    display: inline;
}

.headline .subheadline {
    position: absolute;
    right: 10px;
    top: 35px;
    font-size: 16px;
}

#header .image {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -8px;
}

#header .image span {
    width: 319px;
    height: 145px;
    background: url("../img/header-purple.png") no-repeat scroll 0 0 transparent;
    display: block;
}

#left {
    width: 200px;
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}

#main {
    width: auto;
    border-top: 2px solid #765786;
    padding-top: 20px;
    overflow: hidden;
}

#main p {
    margin: 0 0 14px;
}

.rechner_img {
    float: right;
    margin: 0 0 8px 12px;
}

.navigation.left {
    margin-bottom: 22px;
    width: 200px;
}

.navigation.left ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #EFEFEF;
}

.navigation.left ul li {
    list-style-type: none;
}

.navigation.left a,
.navigation.left span {
    padding: 2px 0 2px 10px;
    color: #ffffff;
    display: block;
}

.navigation.left ul.level_0 li {
    background: url("../img/pfeil_closed_weiss.png") no-repeat scroll top left #3b0950;
}

.navigation.left ul.level_0 li.active,
.navigation.left ul.level_0 li.showSubNavi {
    background: url("../img/pfeil_open_weiss.png") no-repeat scroll top left #3b0950;
}

.navigation.left ul.level_0 li span {
    font-weight: bold;
    font-size: 14px;
    line-height: 46px;
    border-bottom: 1px solid;
    cursor: pointer;
    padding-left: 25px;
}

.navigation.left ul.level_0 li.item_2 span {
    line-height: 23px;
}

.navigation.left ul.level_1 li a {
    font-weight: normal;
    font-size: 12px;
    background-color: #9c84a8;
}

.navigation.left ul.level_1 li a:hover,
.navigation.left ul.level_1 li.active a {
    background-color: #56306d;
}

.navigation .indent a {
    padding-left: 21px;
}

.impressum a {
    color: #3B0950;
    font-weight: normal;
    margin-left: 12px;
}

.unternehmen.impressum article a {
    margin-left: 0;
}

.unternehmen.impressum article h4,
.unternehmen.datenschutz article h4,
.unternehmen.impressum article strong,
.unternehmen.impressum article strong input {
    font-weight: 600;
    color: #262626;
}

.teaser_top {
    border-bottom: 2px solid #765786;
    padding-bottom: 20px;
}

.great_teaser h2 {
    padding-top: 10px;
    margin: 0 0 6px;
}

.great_teaser h2 a {
    font-size: 16px;
    color: #35323C;
    font-weight: bold;
}

.great_teaser {
    width: 386px;
    float: left;
}

.great_teaser.pkv {
    margin-right: 13px;
}

.great_teaser .image {
    float: left;
}

.great_teaser .image a span {
    display: block;
    width: 150px;
    height: 200px;
    background: url("../img/teaserbox-pkv.jpg") no-repeat scroll 0 0 transparent;
}

.great_teaser.bu .image a span {
    display: block;
    width: 150px;
    height: 200px;
    background: url("../img/teaserbox-bu.jpg") no-repeat scroll 0 0 transparent;
}

.great_teaser .content {
    margin-left: 150px;
    background-color: #cec1d3;
    color: #35323c;
    position: relative;
}

.great_teaser .content .text {
    padding: 0 10px 0 15px;
}

.great_teaser .content .text p {
    margin-bottom: 0;
    margin-top: 6px;
}

.great_teaser .button a {
    background: url("../img/buttons/btn_jetztberechnen_lightgreen.png") no-repeat scroll top left transparent;
    display: block;
    height: 40px;
    overflow: hidden;
    width: 151px;
    position: absolute;
    bottom: 0px;
    right: 25px;
}

.great_teaser .button a:hover {
    background: url("../img/buttons/btn_jetztberechnen_lightgreen.png") no-repeat scroll bottom left transparent;
}

.teaser_bottom {
    border-bottom: 2px solid #765786;
    padding: 20px 0;
    margin-bottom: 20px;
}

.small_teaser {
    width: 255px;
    float: left;
    margin-left: 10px;
}

.small_teaser.first {
    margin-left: 0;
}

.small_teaser h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
}

.small_teaser h3 a {
    color: #3b0950;
}

.small_teaser .image {
    float: left;
    padding-top: 10px;
}

.small_teaser .image a span {
    display: block;
    width: 115px;
    height: 77px;
}

.small_teaser.riester .image a span {
    background: url("../img/teaserbox-riester-purple.jpg") no-repeat scroll 0 0 transparent;
}

.small_teaser.lv .image a span {
    background: url("../img/teaserbox-lv-purple-green.jpg") no-repeat scroll 0 0 transparent;
}

.small_teaser.pflege .image a span {
    background: url("../img/teaserbox-pflege.jpg") no-repeat scroll 0 0 transparent;
}

.small_teaser .content {
    margin-left: 115px;
}

.small_teaser .content .text {
    border-right: 1px solid #765786;
}

.small_teaser.last .content .text {
    border: 0;
}

.small_teaser .content .text p {
    margin: 0;
    text-align: left;
    padding: 10px 10px 5px;
}

.small_teaser.last .content .text p {
    padding: 10px 0 5px 10px;
}

.small_teaser .content .link {
    margin-top: 10px;
    text-align: center;
}

.showSubNavi .level_1 {
    display: block;
}

.green h2,
.green h3 {
    color: #aec428;
}

.green a {
    color: #ef8226;
}

.green .headline h1 a {
    color: #aec428;
}

.green #header .image {
    margin-bottom: -4px;
}

.green #header .image span {
    background: url("../img/header-green.png") no-repeat scroll 0 0 transparent;
    width: 260px;
    height: 147px;
}

.green #main {
    border-top: 2px solid #aec428;
}

.green .navigation.left ul {
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
}

.green .navigation.left ul.level_0 li {
    background: url("../img/verlauf_lightgreen_navi.png") repeat-x scroll left top #E6F294;
}

.green .navigation.left ul.level_0 li span {
    background: url("../img/pfeil_closed.png") no-repeat scroll left top transparent;
    color: #676769;
    border: 1px solid #efefef;
}

.green .navigation.left ul.level_0 li.active span,
.green .navigation.left ul.level_0 li.showSubNavi span {
    background: url("../img/pfeil_open.png") no-repeat scroll top left transparent;
}

.green .navigation.left ul.level_1 li a {
    background-color: #ffffff;
    color: #676769;
}

.green .navigation.left ul.level_1 li a:hover,
.green .navigation.left ul.level_1 li.active a {
    background-color: #cae423;
}

.green .impressum a {
    color: #676769;
}

.green .teaser_top {
    border-bottom: 2px solid #aec428;
}

.green .great_teaser h2 a {
    color: #676769;
}

.green .great_teaser .content {
    background: url("../img/verlauf_lightgreen_teaser.png") repeat-x scroll top left #E6F294;
}

.green .great_teaser .button a {
    background: url("../img/buttons/btn_jetztberechnen_orange.png") no-repeat scroll top left transparent;
}

.green .great_teaser .button a:hover {
    background: url("../img/buttons/btn_jetztberechnen_orange.png") no-repeat scroll bottom left transparent;
}

.green .teaser_bottom {
    border-bottom: 2px solid #aec428;
}

.green .small_teaser h3 a {
    color: #676769;
}

.green .small_teaser .content .text {
    border-right-color: #AEC428;
}

.green .small_teaser.riester .image a span {
    background: url("../img/teaserbox-riester-green.jpg") no-repeat scroll 0 0 transparent;
}

.blue #main h1 {
    font-size: 15px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 10px;
    display: block;
}

.blue #main h1,
.blue h2,
.blue h3,
.blue h4 {
    color: #3D92D0;
}

.blue h4 {
    cursor: pointer;
}

.blue a {}

.blue .headline h1 a {
    color: #3d92d0;
}

.blue #header .image {
    margin-bottom: -4px;
}

.blue #header .image span {
    background: url("../img/header-green.png") no-repeat scroll 0 0 transparent;
    width: 260px;
    height: 147px;
}

.blue #main {
    border-top: 2px solid #DDDDDD;
}

.blue .navigation.left ul {
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
}

.blue .navigation.left ul.level_0 li {
    background: url("../img/verlauf_lightgreen_navi.png") repeat-x scroll left top #ddeefa;
}

.blue .navigation.left ul.level_0 li span {
    background: url("../img/pfeil_closed.png") no-repeat scroll left top transparent;
    color: #676769;
    border: 1px solid #efefef;
}

.blue .navigation.left ul.level_0 li.active span,
.blue .navigation.left ul.level_0 li.showSubNavi span {
    background: url("../img/pfeil_open.png") no-repeat scroll top left transparent;
}

.blue .navigation.left ul.level_1 li a {
    background-color: #ffffff;
    color: #676769;
}

.blue .navigation.left ul.level_1 li a:hover,
.blue .navigation.left ul.level_1 li.active a {
    background-color: #3D92D0;
    color: #ffffff;
}

.blue .impressum a {
    color: #676769;
}

.blue .sitemap.impressum article a {
    color: #2a7cca;
}

.blue .teaser_top {
    border-bottom: 2px solid #DDDDDD;
}

.blue .great_teaser h2 a {
    color: #3D92D0;
}

.blue .great_teaser .content {
    background: url(../img/verlauf_lightgreen_teaser.png) repeat #e1f0fb;
    background-size: cover;
    padding-bottom: 20px;
}

.blue .great_teaser .button a {
    background: url("../img/buttons/btn_jetztberechnen_orange.png") no-repeat scroll top left transparent;
}

.blue .great_teaser .button a:hover {
    background: url("../img/buttons/btn_jetztberechnen_orange.png") no-repeat scroll bottom left transparent;
}

.blue .great_teaser .button_new a {
    background: url("../img/buttons/btn_jetztberechnen_orange.png") no-repeat scroll top left transparent;
    display: block;
    height: 40px;
    overflow: hidden;
    width: 151px;
    position: relative;
    bottom: 0px;
    margin: 0 auto;
}

.blue .great_teaser .button_new {
    position: relative;
}

.blue .great_teaser .button_new a:hover {
    background: url("../img/buttons/btn_jetztberechnen_orange.png") no-repeat scroll bottom left transparent;
}

.blue .teaser_bottom {
    border-bottom: 2px solid #DDDDDD;
}

.blue .small_teaser h3 a {
    color: #3D92D0;
}

.blue .small_teaser .content .text {
    border-right-color: #3D92D0;
}

.blue .small_teaser.riester .image a span {
    background: url("../img/teaserbox-riester-blue.jpg") no-repeat scroll 0 0 transparent;
}

.blue .small_teaser.lv .image a span {
    background: url("../img/teaserbox-lv-blue.jpg") no-repeat scroll 0 0 transparent;
}

#fde {
    clear: both;
}

#main .NewContent .page-content-rte>* {
    width: 100%;
    margin: 0 0 30px;
    clear: both;
    float: left;
    font-size: 1.5rem;
}

#main .NewContent .page-content-rte h2 {
    font-size: 1.7rem;
}

#main .NewContent .page-content-rte h2,
#main .NewContent .page-content-rte h3 {
    text-align: center;
}

#main .NewContent .content-holder ul li {
    list-style-type: disc;
    margin-left: 18px;
}

#main .content-holder .teaser-widget .teaser-block {
    float: left;
    width: 32%;
    margin-left: 2%;
    min-height: 265px;
}

#main .content-holder .teaser-block-id-d93ac210.teaser-widget .teaser-block {
    min-height: 308px;
}

#main .content-holder .teaser-widget .two-teaser {
    min-height: 287px;
}

#main .content-holder .teaser-widget .teaser-block:first-child {
    margin-left: 0;
}

#main .content-holder .teaser-block .image-container {
    padding-bottom: 5%;
    overflow: hidden;
}

#main .content-holder .teaser-block .image-container img {
    width: 100%;
}

#main .teaser-block {
    background-color: #f8f8f8;
    position: relative;
    box-sizing: border-box;
    transition: background-color, .35s;
    overflow: hidden;
}

.teaser-block .teaser-text h3 {
    font-size: 1.1em;
    padding: 2%;
    color: #3D92D0;
}

.teaser-block .teaser-text p {
    padding: 2%;
    color: #343434;
    text-decoration: none;
}

#main .content-holder .teaser-widget .one-teaser {
    width: 100%;
    min-height: 0;
}

.one-teaser .teaser-text h3,
.one-teaser .teaser-text p {
    padding: 0%;
}

#main .content-holder .teaser-widget .one-teaser .image-container {
    width: 65%;
    float: left;
    padding-bottom: 0;
    line-height: 1;
}

#main .content-holder .teaser-widget .one-teaser .teaser-text {
    width: 35%;
    float: left;
    padding: 2%;
}

#main .content-holder .teaser-widget .two-teaser {
    width: 48%;
    margin-left: 2%;
}

#main .content-holder .teaser-widget .two-teaser:first-child {
    margin-left: 0;
}

#main .content-holder .two-teaser .image-container {
    padding-bottom: 5%;
}

.two-teaser .teaser-text h3,
.two-teaser .teaser-text p {
    padding: 2%;
    color: #343434;
    text-decoration: none;
}

#stb-autokredit {
    background-image: url(/img/autokredit-ratgeber.jpg);
}

#stb-girokonto {
    background-image: url(/img/girokonto-ratgeber.jpg);
}

#stb-kredit {
    background-image: url(/img/kredit-ratgeber.jpg);
}

#c6894 {
    color: #fff;
    padding-top: 15px;
}

#stb-gas {
    background-image: url(/img/gas-ratgeber.jpg);
}

.layout_column .list-plus li {
    background-image: url(../img/ic-vorteilsliste.svg);
    background-repeat: no-repeat;
    background-position: 0 0.7rem;
    padding-left: 1.75rem;
    background-size: 1rem;
}

.layout_column .list-minus li {
    background-image: url(../img/ic-nachteilsliste.svg);
    background-repeat: no-repeat;
    background-position: 0 0.7rem;
    padding-left: 1.75rem;
    background-size: 1rem;
}

.faq-content ul li {
    list-style-type: square;
}

.glossar h3,
.baufinanzierung h2 {
    text-align: center;
    margin: 25px 0 20px;
    font-size: 1.8rem;
}

#c13535 h2 {
    text-align: center;
    margin: 25px 0 20px;
}

.button-css .maxbutton-16 {
    padding-top: 15px;
}

.button-css .maxbutton-16 span {
    color: #fff;
}

.layout_column h2,
{
    padding: 40px 12% 20px;
    font-size: 20px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    clear: both;
    color: #343434;
    margin-bottom: .4em;
    text-align: center;
}

.tabelle img {
    width: 100%;
}

.margin-bottom-m img {
    width: 100%;
}

.main-content h2,
.glossar h2,
.thecontent h2 {
    padding: 40px 12% 20px;
    font-size: 20px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    clear: both;
    margin-bottom: .4em;
    text-align: center;
}

.fix {
    margin-top: -30px;
    clear: both;
}

.teaserBox .min-heght {
    min-height: 190px;
}

.thecontent h1 span {
    color: #343434;
    background: none;
    padding: 0;
}

.cms-pictureblockwidget-teaser-text a {
    color: #2a7cca;
    font-weight: normal;
}

.cms-pictureblockwidget-teaser-text h3 {
    padding: 15px 0 10px
}

.containerAlternierend h2 {
    padding: 40px 12% 20px;
    font-size: 20px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    clear: both;
    color: #343434;
    margin-bottom: .4em;
    text-align: center;
}

#c13517 {
    color: #000;
    border-bottom: 1px solid #ccc;
}

#main .NewContent .content-holder h2 {
    padding: 10px 15% 20px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    clear: both;
    color: #343434;
    margin: 0 0 10px;
}

.blue #main .NewContent h1 {
    color: #343434;
}

.content-holder .teaser-button .page-button {
    padding-right: 20px;
    padding-left: 20px;
    max-width: 220px;
    min-width: 200px;
    margin-left: 10%;
    cursor: pointer;
    border-radius: 2px;
    font-size: .9rem;
    font-weight: 700;
    text-align: center;
    height: 40px;
    line-height: 36px;
    display: inline-block;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: color .35s, background-color .35s, border-color .35s;
    background: #fd8a02;
    color: #fff;
    border: 1px solid transparent;
    text-transform: uppercase;
}

#main .NewContent .content-holder .height {
    min-height: 280px;
}

#main .NewContent .page-content-rte>h3 {
    font-size: 18px;
    line-height: 34px;
}

#main .NewContent .content-holder .height-stromrechner {
    min-height: 302px;
}

.blue #main h1 strong {
    font-size: 20px;
}

.blue .NewContent .upcase h1 {
    text-transform: uppercase;
}

.blue .NewContent .upcase img {
    width: 100%;
}

.blue .NewContent .image-size {
    width: 100%;
}

.blue .NewContent .small-12 .float span {
    float: right;
}

.blue .NewContent .clear-both {
    clear: both;
}

.blue .NewContent h2,
.blue .NewContent .news-archiv h2 {
    padding: 40px 12% 20px;
    font-size: 20px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    clear: both;
    color: #343434;
    margin-bottom: .4em;
    text-align: center;
}

#main.full .NewContent h2 {
  /*border-bottom: none;*/
}

.blue .NewContent h3 {
    padding-top: 20px;
}

.blue .NewContent #directory h2 {
    padding-top: 0px;
}

#main .NewContent .content-holder .minheight {
    min-height: 310px;
}

#main .NewContent .content-holder .m-height {
    min-height: 282px;
}

#main .NewContent .content-holder .cms_button {
    width: 240px;
    height: 50px;
    background: #1bb52d none repeat scroll 0 0!important;
    border-color: #1bb52d!important;
    color: #fff;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    text-align: center;
    padding-top: 12px;
}

#main .NewContent .content-holder .cms_button:hover {
    transition: all 400ms ease-in-out;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
}

#main .NewContent .cms-pictureblockwidget-image-container {
    width: 50%;
    float: left;
}

#main .NewContent .cms-pictureblockwidget-teaser img {
    margin-bottom: 30px;
}

#main .NewContent .content-holder .teaser-widget .height-teaser-block {
    min-height: 305px;
}

#newsletterBoxForm input[type=submit] {
    padding: .42em 1em;
}
#glossary-navigation .grid-item ul.clearfix li span {
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 1em;
    display: block;
    text-align: center;
    font-size: 18px!important;
}

div#tcpp-iframe-kfz iframe {
   /*margin-bottom: -140px !important;*/
   /* height: 710px!important; */
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blue .NewContent.new-style a h3.font-light {
    font-size: 3.2rem !important;
}

.blue .NewContent.new-style .clearfix .BoxAnchors.Cols3 {
    display: flex;
    flex-wrap: wrap;
}
.blue .NewContent.new-style .clearfix .BoxAnchors.Cols3 a.boxAnchor {
    float: left;
    width: 32%;
    background: #f4f4f4;
    text-align: center;
    margin-right: 2%;
    padding: 20px 5px;
    box-sizing: border-box;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    display: flex;
}
.blue .NewContent .clearfix .BoxAnchors.Cols3 a.boxAnchor:after {
    content: "\00BB";
    margin-left: 5px;
}

.blue .NewContent .clearfix .BoxAnchors.Cols3 a.boxAnchor:last-child {
    margin-right: 0;
}
.blue .NewContent .clearfix .BoxAnchors.Cols3 a.boxAnchor img {    
    margin-right: 15px;
}
.blue .NewContent .control {
    margin-top: 5px;
}
.blue .NewContent .blue .control {
    background-color: #e5eff8;
}
.blue .NewContent .gray .control {
    background-color: #f2f2f2;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    margin: 15px 0;
}
.blue .NewContent .Accordion .control h3 {
    color: #222;
    padding: 8px 15px;
    font-size: 18px;
    font-weight: 600;
    border: none;
    margin: 0;
    cursor: pointer;
}
.blue .NewContent .Accordion .control h3:after {
    content: '\f107';
    font-family: FontAwesome;
    background-image: none;
    top: 15px;
    font-size: 20px;
    color: #222!important;
    float: right;
}
.blue .NewContent .control.show h3:after {
    content: '\f106';
}
.blue .NewContent .control .passive {
    height: auto;
    overflow-x: hidden;
    padding: 0 15px;
}
.blue .NewContent .blue .control .passive {
    background-color: #f5f9fc;
}
.blue .NewContent .gray .control .passive {
    background-color: #fff;
}
.blue .NewContent .control .passive .contain {
    height: 0;
    overflow: hidden;
}
.blue .NewContent .control.show .passive {
    padding: 32px 15px 8px;
}
.blue .NewContent .control.show .passive .contain {
    height: 100%;
}
.blue #main.full {
    overflow: inherit;
}
.blue #main .NewContent.new-style h1 {
    border: none;
    line-height: 1.5em;
    margin: 0 0 24px;
}
.blue #main .NewContent.new-style h2 {
    padding: 25px 0 10px;
    margin-bottom: 25px;
    line-height: 1.2;
}
.blue #main .NewContent.new-style .modRateComparison {
    background: #f4f4f4;
    padding: 15px 40px 25px;
    margin: 40px 0;
}
.blue #main .NewContent.new-style .modRateComparison h4 {
    font-weight: 400;
    color: #005ea8!important;
    font-size: 1.8em;
    line-height: 1.4em;
    padding: 0;
    margin: 10px 0 0;
}
.blue #main .NewContent.new-style .modRateComparison .boxCalc {
    position: relative;
    margin: 15px 0 0;
}
.NewContent.new-style .modRateComparison .boxCalc .boxOkzWrap {
    background: url(/img/okz_2016.png) no-repeat top left;
    background-size: 100% 100%;
    width: 100%;
    max-width: 340px;
    height: 77px;
    position: relative;
}
.NewContent.new-style .modRateComparison .boxCalc .Button {
    position: absolute;
    width: 200px;
    bottom: 0;
    right: 8em;
    font-size: 18px;
    font-weight: 600;
    padding: 14px 0;
    margin: 0;
    color: #fff;
    border: none;
    background: #1670b7;
}
.NewContent.new-style .modRateComparison .boxCalc .Button:after {
    content: "\00BB";
}
.NewContent.new-style .modRateComparison .boxBubble {
    width: 9em;
    height: 9em;
    position: absolute;
    top: -48px;
    right: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    background-color: #dc0000;
    overflow: hidden;
    text-align: center;
    color: #fff;
}
.NewContent.new-style .modRateComparison .boxBubble .boxInfo {
    margin: 40px 10px;
    font-size: 18px;
    font-weight: 400;
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.NewContent.new-style .modRateComparison .boxBubble .boxInfo span {
    font-size: 32px;
    line-height: 26px;
    font-weight: 700;
    margin-top: 2px;
    display: block;
}
.NewContent.new-style .modRateComparison .boxCalc .boxOkz {
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    top: 8px;
    left: 55px;
    height: 55px;
    width: 20%;
    position: absolute;
    border: 1px solid #dcdcdc;
    color: #3b3a3c;
    font-weight: 700;
    outline: 0;
}
.NewContent.new-style .Editor p {
    padding-bottom: 25px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
}
.NewContent.new-style .Editor h3 {
    color: #666;
    font-size: 20px;
    padding: 0 0 6px;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.6em;
    margin: 25px 0;
}
.NewContent.new-style .Editor .Info,
.NewContent.new-style .Editor .BoxDownload {
    background-color: #e5eff8;
    border: none;
    margin: 25px 0;
    padding: 35px 35px 25px 70px;
    color: #333;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}
.NewContent.new-style .Editor .Info:after {
    background: url(/img/infobox_kfz.png) center center no-repeat;
    content: '';
    position: absolute;
    top: -3px;
    left: 6px;
    width: 46px;
    height: 36px;
}
.NewContent.new-style .Editor .Info.Tip:after {
    background: url(/img/tippbox_kfz.png) center center no-repeat;
}
.NewContent.new-style .Editor ul.ArrowBlue {
    margin-left: 15px;
    display: inline-block;
}
.NewContent.new-style .Editor ul.ArrowBlue>li,
.NewContent.new-style .Editor ul.Hakerl>li {
    position: relative;
    margin: 0 0 8px;
    padding-left: 1.5em;
    font-size: 18px;
    color: #222;
}
.NewContent.new-style .Editor ul.ArrowBlue>li:before {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 1em;
    height: 1.3em;
    font-family: FontAwesome;
    left: 3px;
    color: #005cab;
    content: "\f054";
}
.NewContent.new-style .row-custom .full {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    padding: 0 2px;
}
.NewContent.new-style .row-custom .full .col-6 {
    width: 49%;    
    box-shadow: 1px 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    border-radius: 3px;
    padding: 16px 10px 8px;
    text-align: center;
    border: 1px solid #e5e5e5;
}
.row-custom .full .col-6 .modBox .boxHeadline {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0;
    color: #666;
}
.row-custom .full .col-first .modBox .boxHeadline {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 12px;
    margin-bottom: 7px;
}
.row-custom .col-first .modBox.appEkomi .boxInner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 240px;
}
.row-custom .col-first .modBox.appEkomi .boxInner .boxRating {
	display: inline-block;
}
.row-custom .col-first .modBox.appEkomi .boxInner .boxEkomiLogo {
    display: block;
    float: left;
    margin-right: 10px;
    width: 60px;
    height: 63px;
    background: url(/img/sprite.png) no-repeat scroll 0 -122px;
}
.row-custom .col-first .modBox.appEkomi .boxInner .StarsM {
    float: left;
    background: url(/img/rating_stars_m.png) repeat-x scroll 0 0 transparent;
    height: 17px;
    width: 93px;
    margin-right: 10px;
}
.row-custom .col-first .boxInner * {
    line-height: 1.4;
}
.modBox.boxService .ButtonWhiteish {
    background-color: #fff;
    color: #1670b7;
    box-sizing: border-box;
    border: 1px solid #1670b7;
    display: block;
    line-height: 31px;
    margin: 0 0 8px;
    font-weight: 600;
}
.modBox.boxService .ButtonWhiteish:hover {
    background-color: #1670b7;
    color: #fff;
}
.modRedakteur .boxBlockContent {
    margin-bottom: 20px;
    width: 100%;
    padding-top: 25px;
    border-top: 1px solid #dcdcdc;
    margin-top: 25px;
}
.modRedakteur .boxBlockContent .boxLeft {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 20px;
    overflow: hidden;
    float: left;
}
.modRedakteur .boxBlockContent .boxRight .inlNamen {
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}
.modRedakteur .boxBlockContent .boxRight p {
    font-size: 16px;
    line-height: 26px;
}
.NewContent.new-style .divMain .boxhinweis {
    text-align: left;
    font-size: .8em;
    color: #bbb;
}
.NewContent.new-style .shariff > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 0;
}

.NewContent.new-style .shariff .shariff-button {
    width: 23.6%;
}
.NewContent.new-style .shariff .shariff-button a {
    padding: 5px 10px;
    display: block;
    text-align: left;
    color: #fff;
}
.NewContent.new-style .shariff .facebook {
    background-color: #3b5998;
}
.NewContent.new-style .shariff .googleplus {
    background-color: #d34836;
}
.NewContent.new-style .shariff .xing {
    background-color: #126567;
}
.NewContent.new-style .shariff .twitter {
    background-color: #55acee;
}
.NewContent.new-style .modBlockAutonews > ul > li {
    margin: 18px 0;
    display: inline-block;
}
.NewContent.new-style ul > li > .boxLeft {
    width: 124px;
    height: 124px;
    border-radius: 50%;
    margin-top: 10px;
    margin-right: 17px;
    overflow: hidden;
    float: left;
}
#main .NewContent.new-style ul > li > .boxRight p {
    margin: 0;
}
.NewContent.new-style .BlueBar {
    margin: 20px 0;
    padding: 15px 10px;
    background-color: #e5eff8;
}
.NewContent.new-style .BlueBar .Center {
    max-width: 1000px;
    margin: 0 auto;
}
.NewContent.new-style .modBlockAutonews > a {
    margin: 18px 0 18px 140px;
    padding: 10px 40px;
    font-size: 16px;
    border-radius: 4px;
    color: #1670b7;
    border: #1670b7 1px solid;
    display: inline-block;
    font-weight: 700;
}
.NewContent.new-style .boxBlockSteuerrechner {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 20px 16px;
    background: #f8f8f8;
    min-height: 122px;
    box-sizing: border-box;
    border: #eee 1px solid;
    box-shadow: 1px 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}
.NewContent.new-style .boxBlockSteuerrechner .modSteuerRechner > form,
.NewContent.new-style .boxBlockSteuerrechner .modSteuerRechner > form > ul {
    display: flex;
    flex-wrap: wrap;
}
.NewContent.new-style .boxBlockSteuerrechner .modSteuerRechner > form > label {
    margin: auto 35px auto 0;
}
.NewContent.new-style .boxBlockSteuerrechner .modSteuerRechner > form ul li {
    margin-right: 10px;
    padding: 6px 16px;
    background: #fff;
    border: #ddd 1px solid;
    min-width: 160px;
}
.NewContent.new-style .boxBlockSteuerrechner .ButtonWhite {
    display: inline-block;
    background: 0 0;
    line-height: 26px;
    width: 18%;
    margin: 5px 0;
    font-size: 16px;
    box-sizing: border-box;
    color: #1670b7;
    border: #1670b7 1px solid;
}
.NewContent.new-style .row-custom .full .col-4 {
    width: 31%;
}
.NewContent.new-style .row-custom .full .col-4 h3 {
    font-weight: 400;
    border-bottom: 1px solid #666;
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}
.NewContent.new-style .row-custom .full .col-4 img {
    width: 100%;
}
.NewContent.new-style .Editor .BoxDownload a {
    float: left;
    width: auto;
    margin-right: 25px;
    max-width: 25%;
    box-sizing: border-box;
}
.NewContent.new-style .Editor .DownloadInfo {
    display: inline-block;
}
.NewContent.new-style .Editor .DownloadInfo h3 {
    border: none;
}
.NewContent.new-style .Editor .BoxDownload .DownloadInfo a {
    background: #fff;
    border: 1px solid #195fa7;
    padding: 10px 0;
    width: auto;
    margin: 25px 0 0 0;
    min-width: 50%;
    text-align: center;
    color: #575757;
    text-decoration: none;
}
.NewContent.new-style .Editor .BoxDownload .DownloadInfo a:hover {
    background: #195fa7;
    color: #fff;
}
.NewContent.new-style .modArticleBox .modBox {
    background: #fff;
    border: 1px solid #dcdcdc;
    height: 100%;
    position: relative;
}
.NewContent.new-style .row-custom .full.modArticleBox {
    margin-bottom: 30px;
}
.NewContent.new-style .row-custom .full.modArticleBox .col-4 {
    width: 32%;
}
.NewContent.new-style .row-custom .full.modArticleBox .col-4:last-child {
    margin-right: -20px;
}
.NewContent.new-style .row-custom .full.modArticleBox .col-4 h3 {
    font-weight: 700;
    border-bottom: none;
    font-size: 16px;
    line-height: 1.8;
    color: #005ea8;
}
.NewContent.new-style .row-custom .full .col-4 .boxMultifield {
    padding: 10px 25px 46px;
}
.NewContent.new-style .row-custom .full.modArticleBox .modBox .boxFoot {
    width: 100%;
    padding: 10px 25px;
    box-sizing: border-box;
    height: 42px;
    background: #f4f4f4;
    font-size: 16px;
    display: block;
    color: #005ea8;
    font-weight: 600;
    position: absolute;
    bottom: 0;
}
.NewContent.new-style .row-custom .full.modArticleBox .modBox .boxFoot:after {
    content: "\00BB";
    margin-left: 5px;
    font-family: FontAwesome;
}
.NewContent.new-style .row-custom .full.modArticleBox .Editor p {
    padding-bottom: 0;
    margin-bottom: 0;
    color: #575757;
}
.NewContent.new-style .Editor .AnchorMenu p {
    position: relative;
    padding-left: 50px;
}
.NewContent.new-style .Editor .AnchorMenu p:before {
    content: "";
    background: url(/img/icon-inhalt.svg) center center no-repeat;
    height: 30px;
    position: absolute;
    width: 35px;
    left: 0;
    top: -4px;
}
.NewContent img.responsive {
    width: 100%;
}
.NewContent .gutter-xxl,
.NewContent .gutter-horizontal-xxl {
    margin-left: -15px;
}
.gutter-xxl>.grid-item, .gutter-horizontal-xxl>.grid-item {
    padding-left: 15px !important;
}
.NewContent.new-style p.photo > img {
    width: 100%;
    max-width: 400px;
    margin: auto;
    display: block;
}
.NewContent.new-style .Editor ol.CountRound {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 40px;
}
.NewContent.new-style .Editor ol.CountRound > li {
    margin: 0 0 0.5rem 0;
    counter-increment: my-awesome-counter;
    position: relative;
}
.NewContent.new-style .Editor ol.CountRound > li::before {
    content: counter(my-awesome-counter);
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    position: absolute;
    --size: 19px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: 0;
    background: #005ea8;
    border-radius: 50%;
    text-align: center;
    box-shadow: 1px 1px 0 #999;
}
.NewContent.new-style .Editor ol.CountRound > li a,
.NewContent.new-style .Editor ul.ArrowPlus {
    font-size: 18px;
}
.NewContent.new-style .Editor p > a > img.left {
    float: left;
}

.NewContent.new-style > .Center {
    position: relative;
}
.NewContent.new-style .form-group .anbieterlogos .six-item {
    width: 16.666667%;
    height: 40px;
    float: left;
    padding: 0 15px;
}
.NewContent.new-style .form-group .anbieterlogos .six-item .desaturate {
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    opacity: .5;
    float: none;
    width: auto;
    margin: 0 auto;
    display: block;
}
.NewContent.new-style .form-group .col_sec {
    width: 48%;
    float: left;
    margin: 0 1%;
    padding: 15px;
}
.NewContent.new-style .form-group#section4 .col_sec {
    background-color: #f2f2f2;
}
.NewContent.new-style .form-group#section6 .col_sec p:last child {
    margin-bottom: 0;
}
.NewContent.new-style .form-group#section7 .col_sec h3 {
    padding-top: 0;
}
.NewContent.new-style .form-group#section8 .col_sec {
    width: 66.67%;
    margin: 0;
}
.NewContent.new-style .form-group#section8 .col2_sec {
    float: left;
    width: 33.33%;
    padding: 0 15px;
}
.NewContent.new-style .form-group#section8 .col2_sec a {
    display: block;
}
.NewContent.new-style .form-group#section8 .col2_sec img,
.NewContent.new-style .form-group#section9 .col_sec img {
    display: block;
    width: 100%;
    max-width: 299px;
    margin: auto;
    height: auto;
}
.NewContent.new-style .form-group#section9 .col_sec {
    float: left;
    width: 33.33%;
    margin: 0;
    padding: 0 15px;
}
.NewContent.new-style .teaser-cnt .three-item {
    width: 24%;
    float: left;
    position: relative;
    margin-left: 1.33%;
    border: 1px solid #f2f2f2; 
}
.NewContent.new-style .teaser-cnt .three-item:first-child {
    margin-left: 0;
}
.NewContent.new-style .teaser-cnt .three-item .teaser-link .picture-wrapper {
    height: 202px;
    background-repeat: no-repeat;
    background-size: cover;
}
.NewContent.new-style .pg-row.form-group .col_sec {
    width: 50%;
    margin: 0;
    padding: 15px 10px;
}
.NewContent.new-style .pg-row.form-group .col_sec a {
    display: block;
}
.NewContent.new-style .pg-row.form-group .col_sec img {
    width: 100%;
}

.NewContent.new-style .pg-row.form-group .tableWrapper .tableHolder {
    overflow: auto;
    padding: 0 10px;
    position: relative;
}
.NewContent.new-style .pg-row.form-group .tableWrapper .table {
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.1);
    border-collapse: collapse;
    box-shadow: 1px 2px 2px rgba(0,0,0,.1);
    display: table;
    width: 100%;
    min-width: 760px;
}
.NewContent.new-style .pg-row.form-group ul.s_list li {
    width: 31%;
    margin: 10px 1% 20px;
    float: left;
}
.NewContent.new-style .pg-row.form-group .cpCardContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
.NewContent.new-style .pg-row.form-group .cpCardContainer .cpCard {
    width: 46%;
    margin: 10px 2%;
    float: left;
}
.NewContent.new-style .pg-row.form-group .cpCardContainer .cpCard:nth-child(2n) {
    margin-top: 20px;
}
.NewContent.new-style .pg-row.form-group .cpCardContainer .cpCard .gray {
    background-color: #f2f2f2;
    padding: 20px;
}
.navigation.left li ul.level_1 {
    display: none;
}
.navigation.left li.showSubNavi ul.level_1 {
    display: block;
}
@media screen and (max-width:1024px) {
    #wrapper {
        width: 96%;
    }
    #left {
        width: calc(30% - 15px);
    }
    .navigation.left {
        width: 100%;
    }
    #main {
        width: 70%;
    }
    #main.full {
        width: 100%;
    }
    .great_teaser {
        width: 100%;
        padding: 8px 0;
    }
    .great_teaser.pkv {
        margin-right: 0;
    }
    .small_teaser {
        width: calc(50% - 10px);
        margin-left: 0;
        padding: 5px;
    }
    .small_teaser.last .content .text p {
        padding: 10px 10px 5px;
    }
    #main .NewContent .content-holder h2 {
        margin-top: 30px;
    }
    #main .NewContent .page-content-rte>p,
    .NewContent .page-content-rte>ul,
    .NewContent .page-content-rte>h3 {
        width: 100%;
        margin: 0;
        font-size: 1.4rem;
    }
    #main .NewContent .content-holder h2 {
        width: 100%;
        float: left;
    }
    #main .content-holder .teaser-block .image-container {
        padding-bottom: 3%;
    }
    #main .content-holder .teaser-widget .teaser-block {
        width: 48%;
        margin-left: 0;
        margin-top: 4%;
        min-height: 279px;
    }
    #main .content-holder .teaser-widget .two-teaser {
        min-height: 265px;
    }
    #main .content-holder .teaser-widget .teaser-block:first-child {
        width: 100%;
    }
    #main .content-holder .teaser-widget .teaser-block:last-child {
        margin-left: 4%;
    }
    #main .content-holder .teaser-widget .two-teaser {
        width: 48%;
        margin-left: 2%;
    }
    #main .content-holder .teaser-widget .two-teaser:first-child {
        width: 48%;
        margin-left: 0;
    }
    #main .content-holder .teaser-widget .one-teaser .image-container,
    #main .content-holder .teaser-widget .one-teaser .teaser-text {
        width: 100%;
    }   
	.unternehmen #glossary-index article h3 {
	    font-size: 22px !important;
	    line-height: 1.4;
	    padding: 30px 0 5px;
	    text-align: center;
	}

	.unternehmen.impressum #glossary-index article h3 {
	    padding: 40px 0 5px;
	    text-align: center;
	}

	.unternehmen article h2 {
	    font-size: 30px;
	}
    .NewContent.new-style .BlueBar {
	    width: auto;
	    padding: 15px;
	    margin-left: -20px;
	   	margin-right: -20px;
	}
	.NewContent.new-style .modRateComparison .boxCalc .Button {
	    position: static;
	    margin-top: 10px;
	}
}

@media screen and (max-width:992px) {
    .row-custom .col-first .modBox.appEkomi .boxInner {
	    /*width: 68%;*/
	}
    .NewContent.new-style .BlueBar {	    
	    margin-left: 0;
	   	margin-right: 0;
	}
	.NewContent.new-style .modRateComparison .boxBubble {
	    top: 0;
	}
	.NewContent.new-style .row-custom .full.modArticleBox .col-4,
	.NewContent.new-style .row-custom .full .col-6 {
	    width: 100%;
	    margin-bottom: 10px;
	}
    .NewContent.new-style .teaser-cnt .three-item {
        width: 49%;
        margin-left: 2%;
    }
    .NewContent.new-style .teaser-cnt .three-item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media screen and (max-width:900px) {
    #main .NewContent .cms-pictureblockwidget-image-container {
        width: 100%;
    }
}
@media screen and (max-width:768px) {
    #left {
        width: calc(35% - 15px);
    }
    #main {
        width: 65%;
    }
    .small_teaser {
        width: calc(100% - 10px);
    }
    .small_teaser .content .link {
        text-align: right;
    }
    #main .NewContent .page-content-rte>p,
    .NewContent .page-content-rte>ul,
    .NewContent .page-content-rte>h3 {
        font-size: 1.3rem;
    }
    #main .content-holder .teaser-widget .teaser-block {
        width: 100%;
    }
    #main .content-holder .teaser-widget .teaser-block:last-child {
        margin-left: 0;
    }
    #main .content-holder .teaser-widget .two-teaser {
        width: 100%;
        margin-left: 0%;
    }
    #main .content-holder .teaser-widget .two-teaser:first-child {
        width: 100%;
    }

    #infoMessage,
	.presse #ContactForm *,
	.unternehmen #glossary-index article p,
	.unternehmen.datenschutz #glossary-index article ul > li {
	    font-size: 17px;
	}
	.unternehmen #glossary-index article h3 {
	    font-size: 20px !important;
	    padding: 20px 0 5px;
	}

	.unternehmen article h2 {
	    font-size: 28px;
	}
	.NewContent.new-style .boxBlockSteuerrechner {
	    padding: 10px;
	}
	.NewContent.new-style .boxBlockSteuerrechner .modSteuerRechner > form ul li {
	    min-width: 160px;
	    margin-bottom: 10px;
	}
	.NewContent.new-style .boxBlockSteuerrechner .ButtonWhite {
	    width: 100px;
	}
	.NewContent.new-style .Editor .Info, .NewContent.new-style .Editor .BoxDownload {
	    padding: 40px 25px 10px;
	}
}

@media screen and (max-width:736px) {
    #left {
        width: calc(35% - 15px);
    }
    #main {
        width: 65%;
    }
    .small_teaser {
        width: calc(100% - 10px);
    }
    .small_teaser .content .link {
        text-align: right;
    }
    .blue .sitemap h3 {
        font-size: 3.4rem!important;
    }
    .sitemap.datenschutz #glossary-navigation .grid-item {
	    padding-top: 186px;
	}
    .NewContent.new-style .form-group .anbieterlogos .six-item {
        width: 33.33%;
    }
    .NewContent.new-style .form-group .col_sec {
        width: 100%;
        margin: 15px 0 0;
        padding: 0 15px;
    }
    .NewContent.new-style .form-group .col_sec:first-child {
        margin: 0;
    }
    .NewContent.new-style .form-group#section7 .col_sec {
        margin-top: 0;
    }
    .NewContent.new-style .form-group#section8 .col_sec,
    .NewContent.new-style .form-group#section8 .col2_sec,
    .NewContent.new-style .form-group#section9 .col_sec,
    .NewContent.new-style .pg-row.form-group .col_sec {
        width: 100%;
    }
    .NewContent.new-style .form-group#section9 .col_sec figcaption {
        text-align: center;
    }

    .NewContent.new-style .pg-row.form-group ul.s_list li,
    .NewContent.new-style .pg-row.form-group .cpCardContainer .cpCard {
        width: 100%;
        margin: 10px 0 20px;
    }
}


@media screen and (max-width:668px) {
	.sitemap #glossary-navigation .grid-item {
		height: 100%;
    	padding: 20% 0;
	}
	.sitemap .content-wrapper-small.mt400 {
	    padding-top: 57% !important;
	}
	.sitemap.datenschutz .content-wrapper-small.mt400 {
	    padding-top: calc(41% + 150px) !important;
	}

	.presse #ContactForm *,
	.unternehmen #glossary-index article p,
	.unternehmen.datenschutz #glossary-index article ul > li {
	    font-size: 16px;
	}

	.unternehmen article h2 {
	    font-size: 26px;
	}
	.datenschutz #glossary-navigation h3 span {
		display: block;
	}
	.sitemap.datenschutz #glossary-navigation .grid-item {
	    padding-top: 140px;
	}
	.blue .NewContent.new-style .clearfix .BoxAnchors.Cols3 a.boxAnchor {
	    width: 100%;
	    margin: 5px 0;
	}

	.NewContent.new-style .modRateComparison .boxCalc .Button {
	    margin-top: 75px;
	}
	.NewContent.new-style .modRateComparison .boxBubble {
	    position: static;
	    display: inline-block;
	    float: right;
	}
}


@media screen and (max-width:600px) {
    #if1 {
        display: none;
    }
    #if2 {
        display: block;
        margin-top: 20px;
    }
    #left {
        width: 100%;
    }
    #main {
        width: 100%;
    }
    .small_teaser {
        width: calc(100% - 10px);
    }
    .small_teaser .content .link {
        text-align: right;
    }
    .navigation.left ul.level_0 li.item_2 span {
        line-height: 46px;
    }
    li .level_1 {
        display: none;
    }
	.unternehmen #glossary-index article h3 {
	    font-size: 18px !important;
	}
    .navigation.left li.home ul.level_1 {
        display: block;
    }
    .navigation.left li.showSubNavi.home ul.level_1 {
        display: none;
    }
}

@media screen and (max-width:568px) {
    #header {
        height: auto;
    }
    #header .image {
        position: relative;
    }
    #header .image span {
        margin: auto;
    }
    .headline {
        display: block;
        width: 100%;
        text-align: center;
    }
    .blue .sitemap h3 {
        font-size: 3rem!important;
    }
    .sitemap #glossary-navigation {
	    top: 275px;
	}

    #infoMessage,
	.presse #ContactForm *,
	.unternehmen #glossary-index article p,
	.unternehmen.datenschutz #glossary-index article ul > li {
	    font-size: 15px;
	    text-align: justify;
	    word-break: break-word;
		line-height: 1.4;
	}

	.unternehmen article h2 {
	    font-size: 24px;
	}
	.NewContent.new-style .row-custom .full .col-4 {
	    width: 100%;
	}
    .NewContent.new-style .teaser-cnt .three-item {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (max-width:530px) {
    .blue #fde-calc-finance .logoCell img {
        width: 100%;
        height: auto;
    }
    .blue #fde-calc-finance td {
        font-size: 9px;
        text-align: center;
    }
    .blue #fde-calc-finance button {
        font-size: 9px;
    }
    .blue .resultListTopBar button.compare {
        left: 25px;
        font-size: 9px;
    }
    .blue #fde-calc-finance .searchPanel button {
        font-size: 9px;
    }
    .blue #fde-calc-finance .searchPanel .form .row .gwt-TextBox {
        width: 82px;
        font-size: 9px;
    }
    .blue #fde-calc-finance .searchPanel .form .row .gwt-Label {
        font-size: 11px;
    }
    .blue #fde-calc-finance .searchPanel .form .row select {
        width: 80px;
        font-size: 10px;
    }
    .blue #fde-calc-finance .resultList .dataGrid .product_example td {
        padding: 15px 25px;
    }
    .blue #fde-calc-finance .resultList .tbody td.columnKonto {
        clear: both;
    }
    .blue #fde-calc-finance .resultList .dataGrid td.gwt-HTML {
        width: 100%;
    }
    .blue #fde-calc-finance .searchPanel .form {
        width: 200px;
    }

	.NewContent.new-style .modRateComparison .boxCalc .Button {
	    margin-top: 10px;
	    display: block;
	}
	.NewContent.new-style .modRateComparison .boxBubble {
		margin-top: 20px;
	    float: none;
	}
	.NewContent.new-style .modRateComparison .boxCalc .boxOkzWrap {
	    background-size: 100% 100%;
	}
	.NewContent.new-style .modRateComparison .boxCalc .boxOkz {
	    left: 15%;
	    height: 60px;
	}
	.blue #main.full .NewContent.new-style .modRateComparison {
	    padding: 15px;
	}
}

@media screen and (max-width:475px) {
    .blue #fde-calc-finance .logoCell img {
        width: 100%;
        height: auto;
    }
    .blue #fde-calc-finance td {
        font-size: 8px;
        text-align: center;
    }
    .blue #fde-calc-finance button {
        font-size: 8px;
    }
    .blue .resultListTopBar button.compare {
        left: 20px;
        font-size: 8px;
    }
    .blue #fde-calc-finance .searchPanel button {
        font-size: 8px;
    }
    .blue #fde-calc-finance .searchPanel .form .row .gwt-TextBox {
        width: 75px;
        font-size: 9px;
    }
    .blue #fde-calc-finance .searchPanel .form .row .gwt-Label {
        font-size: 10px;
    }
    .blue #fde-calc-finance .searchPanel .form .row select {
        width: 75px;
        font-size: 9px;
    }
    .blue #fde-calc-finance .resultList .dataGrid .product_example td {
        padding: 15px 25px;
    }
    .blue #fde-calc-finance .resultList .tbody td.columnKonto {
        clear: both;
    }
    .blue #fde-calc-finance .resultList .dataGrid td.gwt-HTML {
        width: 100%;
    }
    .blue #fde-calc-finance .searchPanel .form {
        width: 150px;
    }

	.unternehmen article h2 {
	    font-size: 22px;
	}
}

@media screen and (max-width:430px) {
	.sitemap .content-wrapper-small.mt400 {
	    padding-top: 67% !important;
	}
	.sitemap.unternehmen .content-wrapper-small.mt400 {
	    padding-top: 60% !important;
	}
	.sitemap.datenschutz .content-wrapper-small.mt400 {
	    padding-top: calc(49% + 150px) !important;
	}
}

@media screen and (max-width:414px) {
	.sitemap .content-wrapper-small.mt400 {
	    padding-top: 70% !important;
	}
	.sitemap.unternehmen .content-wrapper-small.mt400 {
	    padding-top: 61% !important;
	}
	.sitemap.datenschutz .content-wrapper-small.mt400 {
	    padding-top: calc(47% + 150px) !important;
	}
	.modRedakteur .boxBlockContent .boxRight p {
	    font-size: 14px;
	    line-height: 1.2;
	    text-align: left;
	}
	.NewContent.new-style .Editor p {
	    font-size: 14px;
	    padding-bottom: 0;
	}
	.NewContent.new-style .Editor ul.ArrowBlue>li,
	.NewContent.new-style .Editor ul.Hakerl>li {
	    font-size: 14px;
	}
	.NewContent.new-style .row-custom .full .col-4 .boxMultifield {
	    padding: 10px 10px 46px;
	}
	.NewContent.new-style ul > li > .boxLeft {
	    float: none;
	    margin: auto;
	}
	.NewContent.new-style .modBlockAutonews > a {
	    width: 100%;
	    margin: 0;
	    padding: 10px 20px;
	    font-size: 14px;
	}
	.blue .NewContent .Accordion .control h3 {
	    padding: 8px 30px 8px 10px;
	    position: relative;
	}
	.blue .NewContent .Accordion .control h3:after {
	    position: absolute;
	    right: 10px;
	}
	.NewContent.new-style .shariff .shariff-button {
	    width: 49%;
	    margin: 5px 0;
	}
    #main .NewContent .content-holder h2 {
        padding: 0;
    }    
    .NewContent.new-style .form-group .anbieterlogos .six-item {
        width: 50%;
    }
}

@media screen and (max-width:375px) {
    .great_teaser .button a {
        height: 35px;
        width: 135px;
    }
    .blue .great_teaser .button a {
        background-size: cover;
    }
    .great_teaser h2 a {
        font-size: 15px;
    }
    .great_teaser .content .text p {
        font-size: 11px;
    }
    .great_teaser .image {
        float: none;
        width: 100%;
    }
    .great_teaser .image a span {
        margin: auto;
    }
    .great_teaser .content {
        margin-left: 0;
    }
    p {
        text-align: justify;
    }
    .blue .sitemap h3 {
        font-size: 2.7rem!important;
    }

    #infoMessage,
	.presse #ContactForm *,
	.unternehmen #glossary-index article p,
	.unternehmen.datenschutz #glossary-index article ul > li {
	    font-size: 14px;
	    text-align: justify;
	}

	.unternehmen article h2 {
	    font-size: 20px;
	}
	.col-last p {
		text-align: center;
	}
}
.NewContent {
    margin-top: 30px;
    clear: both;
}