@import 'new_layout.css';

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot?gnnvxx#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a.anc {
    text-decoration: none;
    color: #3c3c3c;
    cursor: default;
}

.anc a:focus,
a:hover {
    text-decoration: none;
    color: #3c3c3c;
    cursor: pointer;
}

.icon-nachmittags:before {
    content: "\e900";
}

.icon-mittags:before {
    content: "\e901";
}

.icon-morgens:before {
    content: "\e902";
}

.img-lp {
    width: 1000px;
}

.sppb-img-responsive {
    width: 1000px;
}

div#fd.eb .col-md-8 {
    text-align: justify;
}

a {
    color: #3c3c3c;
    text-decoration: none;
}

p a {
    /*font-weight: 900; too bold for the new font*/
  	font-weight: 600;
    text-decoration: none;
    font-size: 100%;
}

a:focus,
a:hover {
    text-decoration: none;
}

.sppb-section a {
    text-decoration: none;
}

p {
    /*font-size: 18px !important;*/
    line-height: 32px;
}

/*.sppb-col-md-7{
 width:auto;
}*/

/*.sppb-text-left{
  margin-top: 20%;
  margin-bottom: 5%;
}*/

body {
    /*font-family: 'PT Sans', sans serif; Removed to put another font */
    font-family: 'Poppins', sans serif;
    color: #444;
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    font-size: 18px;
}

.sppb-col-md-3 {
    margin-left: 30px;
}

#left .teaser-modul {
    margin-top: 50px;
}

h1 {
    /* font-weight:bold;*/
    color: #3c3c3c;
    font-size: 130%;
    text-transform: uppercase;
}

h2 {
    font-size: 200%;
    margin-top: 50px;
    margin-bottom:20px;
}

.item-page>div>div>div>h2:first-child {
    margin-top: 0px;
}

h3 {
    font-size: 135%;
    font-weight: bold;
}

p {
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

#top {
    background-color: #f0f0f0;
    height: 40px;
    color: #646464;
    font-size: 12px;
}

#navbar {
    background-color: #3c3c3c;
    color: #fff;
    text-transform: uppercase;
}

#navi a {
    color: #fff;
}

#logo {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0px;
}

#bottom {
    background-color: #3c3c3c;
    min-height: 50px;
}

#copyright {
    text-align: left;
    color: #3c3c3c;
}

#copyright,
.footer-wrapper {
    margin-top: 10px;
    font-size: 14px;
}

.footer-wrapper .nav li a {
    margin-left: 8px;
    margin-right: 8px;
}

#footer-menu ul span {
    float: right;
    font-size: 100%;
}

.extravote-info {
    visibility: hidden;
}

.hotline-number {
    font-weight: bold;
    font-size: 180%;
    color: #1d76a3;
    text-align: right;
}

.hotline-headline {
    color: #3c3c3c;
    font-size: 100%;
    text-align: right;
}

.custom {
    /*margin-bottom:20px;*/
}

.steps h4 {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
}

.steps {
    margin-bottom: 30px;
}

.steps-description {
    padding: 15px;
    font-size: 90%;
    margin-bottom: 10px;
}

.eb-authors-head a {
    pointer-events: none;
}

.headline {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
    background: #7ac7d5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(left, #1d76a3 0%, #7ac7d5, 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1d76a3), color-stop(100%, #7ac7d5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #1d76a3 0%, #7ac7d5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #1d76a3 0%, #7ac7d5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #1d76a3 0%, #7ac7d5 100%);
    /* IE10+ */
    background: linear-gradient(to right, #1d76a3 0%, #7ac7d5 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=1);
    /* IE6-8 */
}

.teaser-modul .headline h4 {
    font-size: 110%;
}

.headline h4 {
    color: #fff;
    padding: 10px;
    margin: 0px;
}

.childcontent .fa {
    margin-right: 5px;
}

.fa {
    color: #1d76a3;
}

.panel-inner {
    text-align: right;
    color: #3c3c3c;
}

.heading-inner {
    float: left;
}

.accordion-icon {
    float: right;
}

#accordion .toggle-headline-active {
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
    background-color: #79c7d9;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
}

.toggle-headline-active .panel-title {
    color: #fff;
}

.callback-form {
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 15px
}

.form-group {
    margin-bottom: 0px;
    padding-left: 20px;
}

#right .form-group {
    padding-left: 0px;
}

.input-group .form-control {
    width: 90%;
}

.panel .panel-heading {
    cursor: pointer;
}

#header {
    margin-top: 20px;
    margin-bottom: 20px;
}

.hotline-headline div,
.hotline-number div {
    width: 100%;
}

@media (min-width: 1170px) {
    #logo img {
        max-width: 300px;
    }
}

@media (min-width: 768px) {
    div .explanation-number {}
    .header-inner .container .explanation-number {
        padding-left: 18px;
        margin-top: 10px;
    }
}

@media (max-width: 769px) {
    .smartphone-teaser img {
        margin-bottom: 15px;
    }
    .explanation .explanation-one div {
        color: #333
    }
    .explanation-two {}
    .explanation-three {}
    .explanation {
        background-image: none;
    }
    .explanation-header {}
    .explanation-number {}
    .explanation-desc {}
    .arrow {
        display: none;
    }
    .hasSidebar #threePills>li>a {
        font-size: 85% !important;
    }
    .vorteile .dl-horizontal dt,
    .aktions-liste .dl-horizontal dt,
    .usp-liste .dl-horizontal dt {
        float: left;
    }
    .dl-horizontal dd {
        margin-left: 30px;
    }
    .breadcrumb li {
        float: left;
        font-size: 85%;
    }
    .row .steps-module .headline-img img {
        padding: 10px;
    }
    .produkt-odd img {
        padding-left: 10px;
    }
    .produkte {
        padding: 0px 15px !important;
    }
    .produkt {
        padding: 0px !important;
    }
    .hasSidebar #threePills>li>a {
        font-size: 80%;
    }
    .accordion-innerpage img {
        border: 15px solid #7bc6d4;
        width: 100%;
        margin-bottom: 20px;
    }
    .produkt img,
    .produkt-odd img {
        width: 100%;
    }
    .hotline-headline .pull-right,
    .hotline-number .pull-right {
        text-align: center;
    }
    .arrow {
        top: 32px !important;
        margin-left: 28%;
    }
    .ban,
    .banner {
        display: none;
    }
    #slider .tp-bullets.simplebullets.round .bullet {
        margin-left: 10px !important;
    }
    .hotline-headline {
        margin-top: 15px;
    }
    #footer .nav li {
        float: left;
    }
    #footer .nav li:last-child {
        margin-right: 0px;
    }
}

.nav>li>a:focus,
.nav>li>a:hover,
.nav .active {
    background: none;
    text-decoration: underline;
}

.row .nav-pills>li>a:focus,
.row .nav-pills .active {
    text-decoration: none;
}

#bottom .navbar-nav>li {
    float: none;
}

#bottom .navbar-nav>li a {
    color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#bottom .navbar-nav>li a:hover {
    text-decoration: underline;
}

#bottom .navbar-nav:first-child>li a {
    /*padding-left:0px;*/
}

#bottom .navbar-nav {
    margin-bottom: 15px;
    margin-top: 15px;
}

.social-buttons {
    font-size: 200%;
    margin-top: 15px;
}

.social-buttons i {
    color: white;
    margin-right: 0px;
    margin-left: 15px;
}

.navbar #navi #navbar {
    border: 1px solid #ccc;
}

#navi .navbar-nav>li a:hover,
#navi .navbar-nav>.active,
#navi .navbar-nav>.active a {
    background-color: #f0f0f0;
    color: #3c3c3c;
    text-decoration: none;
}

#footer-menu .navbar-nav>li a {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-left: 1px solid #3c3c3c;
}

#footer-menu .navbar-nav>li:first-child a {
    border-left: none;
}

#footer-menu .navbar-nav>li:last-child a {
    padding-right: 0px;
    margin-right: 0px;
}

#left .input-group-addon {
    font-size: 80%;
}

.item-page h2:first-child {}

.btn-default {
    width: 100%;
    background-color: #1d76a3;
    color: #fff;
}

.required-info {
    font-size: 85%;
}

.big-404 {
    color: #1d76a3;
    font-size: 1600%;
}

#content {
    margin-bottom: 40px;
}

.breadcrumb {
    background: none;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px
}

.breadcrumb li span {
    text-transform: uppercase
}

#jux_memamenu103 {
    z-index: 110;
}

#rev_slider_1_1_wrapper {
    z-index: 11;
}

.navbar {
    z-index: 900;
}

.form-group {
    margin-top: 8px;
    margin-bottom: 8px;
}

.forced-dark .menu-title {
    color: #3c3c3c !important;
}

.pathway {
    text-transform: uppercase;
}

#left li {
    width: 100%;
}

#left li a {
    padding-top: 5px;
    padding-bottom: 5px;
}

#header .col-md-3 {
    width: 20%;
}

#js-mainnav li {}

#slider .tp-bullets.simplebullets.round .bullet {
    margin-left: 22px;
}

#navi #megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.megacss {
    padding-top: 8px;
    padding-bottom: 8px;
}

.frame {
    border: 1px solid #ccc;
    background-color: #fbfbfb;
}

.frame h1 {
    margin-left: 15px;
}

#megamenucss .megamenu .menu-title:hover i {
    color: white;
}

#navi #megamenucss #js-mainnav .js-megamenu .childcontent {
    margin-left: -1px;
}

#navi #megamenucss #js-mainnav.megamenu ul.megamenu.level1 {
    padding-top: 0px;
    padding-bottom: 0px;
}

#accordion .panel-heading,
.panel-group .panel {
    border-radius: 0px;
    -moz-border-radius: 0px;
}

.hotline-headline div,
.hotline-number div {
    width: 100%;
}

#left-sidebar {
    margin-top: 2%;
}

#left .nav {
    padding-bottom: 50px;
}

#left .nav li a {
    padding-left: 15px;
    background-color: #fbfbfb;
    padding-top: 10px;
    padding-bottom: 10px;
}

#left .nav>li>a:focus,
#left .nav>li>a:hover,
.nav .active {
    text-decoration: none;
}

#left .nav li a:hover,
#left .nav .active a {
    text-decoration: none;
    background: #7ac7d5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(left, #1d76a3 0%, #7ac7d5, 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1d76a3), color-stop(100%, #7ac7d5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #1d76a3 0%, #7ac7d5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #1d76a3 0%, #7ac7d5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #1d76a3 0%, #7ac7d5 100%);
    /* IE10+ */
    background: linear-gradient(to right, #1d76a3 0%, #7ac7d5 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=1);
    /* IE6-8 */
    color: white
}

#navi #jux_memamenu103 #js-mainnav {
    border: 1px solid #333;
}

#navi .js-megamenu .childcontent-inner .menu-title {
    text-transform: none;
}

#sidebar .steps {
    margin-top: 0px;
}

.item-page .form-horizontal .control-label {
    padding-left: 0px;
    text-align: left;
}

.intro_text {
    margin-bottom: 10px;
}

textarea.form-control {
    height: 200px;
}

.brand-image {
    padding: 5px;
    margin: 5px;
}

.brand-wrapper>div {}

.callback-desc {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.callback-message {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    color: #1d76a3;
    font-style: italique;
}

#jux_memamenu103 #js-mainnav.megamenu {
    background-color: #3c3c3c;
}

.navbar #jux_memamenu103 #js-mainnav .jux-fa.jux-fa-bars {
    margin-top: 0px;
}

.navbar #jux_memamenu103 #js-mainnav.megamenu div.megaMenuToggle {
    height: 32px;
}

.header-b .steps {
    min-height: 170px;
}

#info {
    margin-bottom: 30px;
}

.right-position {
    float: right;
    margin-left: 20px;
}

.left-position {
    float: left;
    margin-right: 20px;
}

@media (max-width:768px) {
    .content-image {
        width: 100%;
    }
    #wizard_form .flexslider fieldset label {
        width: 100%;
    }
    #wizard_form #wizard-slider .radio-inline {
        width: 25%;
    }
    #wizard-form {
        margin-bottom: 20px;
    }
}

@media (min-width:560px) {
    .content-image {
        width: 250px;
    }
    /* .point {
        width: 12px;
        height: 12px;
    } */
}

.brand-wrapper>div {
    padding-left: 0px;
    padding-right: 0px;
}

.proauris-desc {
    font-size: 90%;
}

.container {}

#jux_memamenu103 #js-mainnav.megamenu div.megaMenuToggle {
    background-color: #3c3c3c;
}

#navi #megamenucss #js-mainnav.megamenu.affix {
    background-color: #3c3c3c;
    border-bottom: 1px solid #ccc;
}

#navi #megamenucss #js-mainnav.megamenu.affix #js-meganav {
    width: 940px;
    margin: 0 auto;
}

.email-confirm {
    display: none;
}

.flexslider label {
    width: 80%;
}

.flexslider fieldset label {
    width: 22%;
}

.inner_wizard {
    padding-left: 15px;
    /*height: 650px;*/
}

.sppb-addon-content .inner_wizard {
    padding-left: 15px;
    /*height: 650px;*/
}

.wizard-wrapper {
    display: none;
}

.flexslider .checkbox {
    width: 80%;
}

#right .form-group .control-label {
    width: 100%;
    text-align: left;
}

#right .form-group .col-md-9 {
    width: 100%;
    text-align: left;
}

#right .form-horizontal {
    padding-top: 0px;
}

#header {
    margin-bottom: 0px;
}

#info h1 {
    margin-top: 0px;
}

@media (min-width: 970px) {
    .container {
        width: 970px;
    }
    #bottom>div>div:first-child ul li a {
        padding-left: 0px;
        margin-left: 0px;
    }
}

@media (max-width: 768px) {
    #footer-menu ul {
        float: left;
        margin-left: 0px;
    }
    #footer-menu ul li:first-child a {
        padding-left: 0px;
        margin-left: 0px;
    }
}

#navi #js-mainnav.megamenu.blackwhite ul.level1 li.megacss span.megacss,
#navi #js-mainnav.megamenu.blackwhite ul.level1 li.megacss a.megacss {
    text-shadow: none;
}

.white {
    color: white;
}

#rev_slider_1_1_wrapper {
    /*    border: 1px solid #ccc;
        z-index:1000;*/
}

.black {
    color: #333 !important;
}

.tele-img {
    height: 22px;
    margin-right: 10px;
    margin-top: -2px;
}

.panel-group .panel-footer {
    background-color: transparent;
}

#accordion {}

.panel {
    box-shadow: none;
}

.panel-group .panel+.panel {
    margin-top: 0px;
}

#backTop {
    z-index: 99999;
}

#backTop span {
    font-size: 300%;
    cursor: pointer;
  color: #2777a8 !important;
}

.header,
.under {
    background-color: white;
    padding: 20px 0px;
}

.under {
    background-color: #f5f5f5;
}

.header+.under {
    padding-top: 0px;
}

.header-a .steps {
    margin-bottom: 0px;
}

.teaser-footer {
    line-height: 30px;
    width: 100%;
    text-align: right;
    padding-right: 15px;
}

.teaser-footer a {
    color: white;
    font-size: 110%;
}

.teaser-footer i {
    margin-right: 5px;
    color: white;
}

.panel-default>.panel-heading {
    background-color: white;
}

.panel-default i {
    padding-top: 5px;
}

.toggle-headline-active i {
    color: white;
}

.item-page h3:first-child {
    margin-top: 0px;
}

.carousel {
    background-color: white;
    border: 1px solid #ccc;
}

.carousel-footer {
    line-height: 30px;
    width: 100%;
    text-align: right;
    padding-right: 15px;
    background-color: #f5f5f5;
}

.carousel-footer i {
    margin-right: 5px;
}

.flexslider-carousel .flex-direction-nav .flex-prev {
    left: 20px;
    color: #1d76a3;
    font-size: 300%;
    z-index: 600;
}

.flexslider-carousel .flex-direction-nav .flex-next {
    right: 20px;
    color: #1d76a3;
    font-size: 300%;
    z-index: 600;
    position: absolute;
}

.flex-direction-nav {
    z-index: 800;
}

.flex-viewport {
    z-index: 2;
    width: 100%;
}

.flex-direction-nav li a {
    opacity: 1 !important;
    border: none;
}

a:focus {
    outline: none;
}

.flex-direction-nav li {
    z-index: 100;
}

.header p {
    margin: 0px;
}

.header-b .custom {}

#accordion {
    margin-bottom: 0px;
}

.explanation {
    background: url("../images/wizard-header.jpg") no-repeat;
    background-size: contain;
    background-position: center;
    height: 76px;
    margin-bottom: 40px;
}

.explanation .explanation-one div {
    color: white;
}

#slider {
    margin-top: 0px;
}

.explanation div {
    color: #333;
}

.explanation .first div {}

.explanation-header {
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 17px;
    font-size: 120%;
    padding-left: 8px;
}

.container .explanation-number {
    font-size: 300%;
    padding-left: 28px;
    margin-top: 0px;
}

@media (max-width:995px) and (min-width:769px) {
    .container .explanation-number {
        padding-left: 20px;
        margin-top: 2px;
        font-size: 220%;
    }
    h1+hr {
        border-top: 0px solid #eee;
    }
    #jux_memamenu103 {}
    #megamenucss #js-mainnav.megamenu ul.level0 li.megacss {
        padding-left: 4%;
    }
    .explanation-header {
        margin-top: 3px;
    }
    #left-sidebar {
        display: none;
    }
    h1 {
        padding-bottom: 5%;
    }
    .steps-module {
        margin-top: 10%;
    }
}

.explanation-desc {
    font-size: 70%;
    padding-left: 8px;
}

.form-horizontal .control-label {
    text-align: left;
}

.trenner {
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.header-inner .container {
    background-color: white;
}

.header-inner .container:first-child {}

.header-inner .container:last-child {
    padding-bottom: 20px;
}

.right {
    text-align: right;
    font-size: 80%;
}

@media (max-width:970px) {
    #copyright {
        font-size: 80%;
    }
    #footer-menu ul li a {
        font-size: 85%;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width:768px) and (min-width:767px) {
    h1 {
        padding-bottom: 5%;
    }
    .steps-module {
        margin-top: 10%;
    }
    h1+hr {
        border-top: 0px solid #eee;
    }
}

@media (max-width:768px) and (min-width:768px) {
    #logo .custom {
        float: right;
        width: 100%;
        font-size: 12px;
        margin-right: 25%;
    }
    h1 {
        padding-bottom: 5%;
    }
    .steps-module {
        margin-top: 10%;
    }
    /*Social Media Icon Footer*/
    .fa-linkedin {
        font-size: 120%;
        padding-right: 0px;
        padding-left: 10px;
    }
    .fa-facebook-f {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 0px;
    }
    .fa-twitter {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-google-plus {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-youtube {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-instagram {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-xing {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 767px) and (min-width:600px) {
    .module-headline .headline-img {
        width: 13%
    }
    h1+hr {
        border-top: 0px solid #eee;
    }
    h1 {
        padding-bottom: 5%;
    }
    .steps-module {
        margin-top: 10%;
    }
    .row .steps-module .headline-text {
        padding-top: 5px !important
    }
    /*Social Media Icon Footer*/
    .fa-linkedin {
        font-size: 120%;
        padding-right: 0px;
        padding-left: 10px;
    }
    .fa-facebook-f {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 0px;
    }
    .fa-twitter {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-google-plus {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-youtube {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-instagram {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-xing {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 600px) and (min-width:450px) {
    .module-headline .headline-img {
        width: 18%
    }
    h1+hr {
        display: none;
    }
    h1 {
        padding-bottom: 5%;
    }
    .steps-module {
        margin-top: 10%;
    }
    #logo {
        padding-bottom: 8%;
    }
    .row .steps-module .headline-text {
        padding-top: 5px !important
    }
    /*Social Media Icon Footer*/
    .fa-linkedin {
        font-size: 120%;
        padding-right: 0px;
        padding-left: 10px;
    }
    .fa-facebook-f {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 0px;
    }
    .fa-twitter {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-google-plus {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-youtube {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-instagram {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-xing {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 768px) {
    #left {
        display: none;
    }
    .Seal-mobile {
        padding-left: 3%;
    }
    .explanation-one,
    .explanation-two,
    .explanation-three {
        background-color: white;
        border: 1px solid #333;
        margin-left: 15px;
        margin-right: 15px;
        width: 90%;
    }
    .explanation-wrapper {
        padding-bottom: 20px;
    }
    .explanation {
        background-image: none;
    }
    .explanation .explanation-one div {
        color: #333
    }
    .row .customsocial {
        float: right;
        font-size: 150%;
        line-height: 1;
    }
    #footer-menu ul li a {
        font-size: 85%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .row .customsocial a:first-child {
        padding-left: 0px;
    }
    #logo .img-responsive {
        margin: 0 auto;
        display: none;
    }
    #logo .custom {
        float: right;
        width: 100%;
        font-size: 12px;
    }
    .right {
        text-align: center;
    }
    #sidebar .steps {
        margin-top: 20px;
    }
    .row .nav-pills li {
        border-radius: 0px;
        background-color: white;
        padding: 0px;
        font-size: 100%;
        width: 50%;
    }
    .row .nav-pills>li>a {
        font-size: 100%;
        padding: 10px 20px;
    }
    .row .nav-pills .active {
        background-color: #337ab7;
    }
    .row .nav-pills .active a {
        text-decoration: none;
    }
    .trenner {
        margin-left: 0px;
    }
    .hotline-number {
        font-size: 180%;
    }
    .row .steps-module .headline-text {
        font-size: 100% !important;
        padding-top: 5px !important;
    }
    #eKomiSeal_default {
        text-align: center;
        display: none;
    }
    #navi #megamenucss #js-mainnav.megamenu ul.megamenu.level1 {
        padding: 0px;
    }
}

@media (max-width: 449px) {
    .module-headline .headline-img {
        width: 25%
    }
    .steps-module {
        margin-top: 10%;
    }
    #logo .custom {
        float: right;
        width: 100%;
        font-size: 12px;
        margin-right: 0%;
    }
    #footer-menu ul li a {
        font-size: 75%;
        padding-left: 3px;
        padding-right: 3px;
    }
    .container .explanation-number {
        font-size: 300%;
        padding-left: 10px;
        margin-top: 5px;
    }
    /*Social Media Icon Footer*/
    .fa-linkedin {
        font-size: 120%;
        padding-right: 0px;
        padding-left: 10px;
    }
    .fa-facebook-f {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 0px;
    }
    .fa-twitter {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-google-plus {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-youtube {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-instagram {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
    .fa-xing {
        font-size: 120%;
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 992px) {
    .row .steps-module .headline-text {
        font-size: 145%;
    }
    .menu-title {
        font-size: 90%;
    }
    .explanation-header {
        font-size: 110%;
    }
    .explanation-number {
        font-size: 275%;
    }
    .explanation-desc {
        font-size: 75%;
    }
    .explanation-one,
    .explanation-two,
    .explanation-three {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .row .customsocial {
        float: left;
        font-size: 150%;
        line-height: 1;
    }
    .panel-title {
        font-size: 115% !important;
    }
}

.panel-title {
    font-weight: bold;
    font-size: 110%;
    text-align: left;
}

#sidebar .steps {
    border: 1px solid #ccc;
}

.is-sticky .navbar {
    /*  background-color:#3c3c3c;*/
}

.navbar {
    min-height: 20px;
}

.headline a,
.headline .fa {
    color: white;
}

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

.panel-body a {
    color: #1d76a3;
}

.anchor {
    color: #1d76a3;
}

.white-background {
    background-color: white !important;
}

.flex-direction-nav i {
    font-size: 40px;
}

#wizard-slider .flex-direction-nav .flex-prev {
    left: 0px;
}

#wizard-slider .flex-direction-nav .flex-next {
    right: 10px;
}

#wizard_form .radio-inline {
    width: 25%;
}

#wizard_form label.error {
    width: 180%;
    font-size: 90%;
}

.header-inner .modCallbackSubmit {
    font-weight: bold;
    font-size: 110%;
}

.item-page .steps {
    border: 1px solid #ccc;
}

#wizard_form h1 {
    text-transform: none;
}

.item-page #wizard_form .col-md-offset-2 {
    margin-left: 0%;
    width: 25%;
}

.item-page #wizard_form .col-md-6 {
    width: 70%;
}

.item-page #wizard_form .form-group .trenner {
    width: 90%;
}

.item-page .forward {
    margin-left: 25%;
}

.header-a .steps {
    border: 1px solid #333;
}

#wizard-slider {
    margin-bottom: 43px;
}

.panel-default {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.panel-body {
    padding-top: 18px;
    padding-bottom: 18px
}

.well {
    padding: 0px;
    border: 0px;
    margin: 0px;
    background: transparent;
    padding-top: 2px;
}

.haschild .active:hover {
    color: white;
}

.vision .breadcrumb {
    margin-top: 60px;
}

.vision {}

.copyright-info {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.go-button {
    padding: 20px 30px;
    color: #337ab7;
    font-size: 20px;
    background-color: white;
    border-radius: 5px;
}

.go-button:hover {
    background-color: #337ab7;
    text-decoration: none;
    color: white;
}

.button-outer {
    margin-top: 45px;
    margin-left: 20px;
}

.banner-header {
    color: white;
    padding-top: 20px;
    font-size: 120%;
}

.banner-desc {
    color: white;
}

.banner .img-responsive {
    margin-top: 23px;
    margin-left: 10px;
    margin-bottom: 25px;
    padding-top: 5px;
    max-height: 70px;
}

.banner {
    background-color: #7bc6d4;
    margin-top: 20px;
}

.nav-pills li {
    border-radius: 0px;
    background-color: white;
    padding: 0px;
    font-size: 120%;
    width: 50%;
}

.nav-pills {
    margin-bottom: 40px;
    padding-left: 15px;
}

.nav-pills>li>a {
    border-radius: 0px;
    padding: 0px;
    font-size: 140%;
    text-align: center;
    padding: 10px 20px;
}

.nav-pills .active {
    background-color: #337ab7;
}

.nav-pills .active a {
    text-decoration: none;
}

#upper {
    margin-top: 25px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f5f5f5;
}

.info-head {
    font-size: 120%;
}

#upper .brand-image {
    border: 8px solid #337ab7;
}

.dl-horizontal {
    margin-top: 10px;
}

.dl-horizontal dt {
    text-align: left;
    margin-left: 20px;
    white-space: normal;
}

.item-page .hersteller h2 {
    margin-top: 30px;
}

.page-header {
    margin-top: 0px;
}

.little {
    font-size: 120%;
}

.middle {
    font-size: 140%;
}

.big {
    font-size: 160%;
}

.addModal {
    cursor: pointer
}

.modal-container {
    position: absolute;
    top: 40px;
    left: 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: white;
    padding: 25px 20px;
    font-size: 130%;
    z-index: 200;
    width: 420px;
}

.modal-container {
    cursor: pointer;
}

.outer {
    position: fixed;
    right: 0px;
    top: 70px;
    height: 274px;
}

.outer .privacy-wrapper a,
.wizard-privacy a {
    color: #79C7D9;
}

.outer .privacy-wrapper {
    font-size: 80%;
}

.outer-wrapper {
    float: left;
    width: 100%;
    cursor: pointer;
}

.outer {
    border: 1px solid #ccc;
    border-right: none;
    z-index: 9999;
    background-color: white;
    box-shadow: 0 0 10px rgba(50, 50, 50, 0.8);
}

.short-part {
    float: left;
    z-index: 9999;
    background-color: white;
}

.short-part .fa {
    color: white;
    font-size: 30px;
    padding: 10px;
    background-color: #1d76a3;
}

.whitest {}

.long-part {
    float: left;
    z-index: 9999;
}

.page-header h2 {
    margin-top: 25px;
}

.long-header {
    background-color: #7bc6d4;
    height: 50px;
    padding: 10px;
    z-index: 9999;
}

.long-content {
    height: 140px;
    width: 250px;
    padding-top: 10px;
    padding-left: 10px;
    background-color: white;
    z-index: 9999;
}

.long-content .telephone-number {
    color: #1d76a3;
    font-weight: bold;
    font-size: 190%;
    z-index: 9999;
}

.long-content p {
    margin-bottom: 0px;
}

.long-content .mini {
    font-size: 90%;
}

.callback-btn {
    padding: 5px;
    background-color: white;
    margin-top: -2px;
    width: 80%;
    text-align: center
}

.callback-btn a {
    color: #1d76a3;
    font-size: 120%;
}

#wizard-slider .flex-control-nav {
    bottom: 0px;
}

.inner_wizard h1 {
    margin-bottom: 0px;
}

dd img {
    height: 18px;
}

.tab-content h3 {
    margin-top: 0px;
}

.tab-content .row div {
    margin-bottom: 45px;
}

.ban,
.banner {
    width: 100%;
    background-color: #7bc6d4;
    float: left;
    margin-top: 15px;
}

.ban a {
    color: white;
    padding: 5px;
}

.ban .banner-header {
    padding: 0px;
    padding: 10px;
    padding-top: 6px;
    padding-left: 0px;
    background-color: #7bc6d4;
    margin-bottom: 0px;
}

.ban .col-lg-1 {
    background-color: #7bc6d4;
}

.ban .img-responsive {
    margin: 0px;
    padding-top: 12px;
    max-height: 40px;
    background-color: #7bc6d4;
}

.arrow {
    position: absolute;
    top: 48px;
    background: url("../images/pfeil_unten.png") center center no-repeat;
    width: 35px;
    height: 25px;
    margin-left: 46%;
    text-align: center;
    background-size: contain;
    z-index: 100;
}

.tab-content .row .ban div {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.tab-pane .row .ban {
    margin-bottom: 0px;
}

.tab-pane .row .row {
    margin-bottom: 0px;
}

.last .number {
    color: #337ab7;
}

#content {
    margin-top: 40px;
}

.dl-horizontal dd {
    margin-left: 200px;
    margin-bottom: 20px;
}

.dl-horizontal dt {
    margin-left: 0px;
}

.vorteil-number {
    padding: 11px 9px;
    color: #79c7d9;
    text-align: center;
    font-size: 300%;
    margin-top: -27px;
    padding-left: 1px;
}

.sp-page-builder .page-content #section-id-1492688685793.sppb-section {
    padding: 0;
}

.sppb-addon dt {
    width: 50px;
}

.sppb-addon .dl-horizontal dd {
    margin-left: 0;
    font-size: 16px;
}

@media (min-width: 768px) {
    .sppb-addon .dl-horizontal dd {
        margin-left: 0px;
    }
}

.vorteile .dl-horizontal dt {
    width: 25px;
}

.vorteile .dl-horizontal dd {
    margin-left: 30px;
    font-size: 16px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

p {
    margin-bottom: 15px;
}

.hasSidebar .banner .go-button {
    padding: 10px;
}

.hasSidebar .banner .button-outer {
    margin-top: 23px;
}

.hasSidebar .banner-header {
    margin-bottom: 5px;
    padding-top: 12px;
    font-size: 140%;
}

.hasSidebar .banner .banner-desc {
    margin-bottom: 10px;
}

.hasSidebar .banner .img-responsive {
    margin-top: 10px;
}

.hasSidebar #threePills>li>a {
    font-size: 100%;
    padding: 10px;
}

.hasSidebar #threePills li {
    width: 33.333%;
}

.hasSidebar #threePills .arrow {
    top: 34px;
}

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

.grey-tab {
    margin-bottom: 0px;
}

.grey-tab+tab-pane {
    margin-bottom: 40px;
}

.grey-tab li {
    border: 1px solid #f0f0f0;
    border-bottom: none;
}

.grey-tab+.tab-content .row div {
    margin-bottom: 0px;
}

.grey-tab+.tab-content .tab-pane {
    background-color: #f0f0f0;
    padding-top: 30px;
}

.nav-pills>li+li {
    margin-left: 0px;
}

.module-headline {
    background-color: #7bc6d4;
    color: white;
}

.module-headline h4 {
    margin: 0px;
}

.submit-wrapper {
    padding: 0px;
    margin-top: 10px;
}

.submit-wrapper .modCallbackSubmit {
    border-radius: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 110%;
}

.steps-module {
    background-color: #f0f0f0;
    margin-bottom: 10px;
}

.steps-module .form-group {
    margin-bottom: 10px;
    width: 90%;
}

.steps-module label {
    font-weight: normal;
}

.steps-module .required-info {
    font-size: 95%;
}

.steps-module .headline-text {
    font-size: 145%;
    padding-top: 4px;
    padding-left: 10px;
}

.steps-module .headline-img img {
    background-color: #1d76a3;
    padding: 10px 10px;
}

.teaser-modul .row .col-lg-12 .headline {
    background-color: #7bc6d4;
    background-image: none;
}

.teaser-modul .row .col-lg-12 .teaser-footer {
    background-color: #337ab7;
    text-align: center;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.teaser-modul .row .col-lg-12 div {
    background-color: #f0f0f0;
}

.teaser-modul .img-responsive {
    padding: 12px;
    padding-bottom: 0px;
}

.teaser-modul .steps-description {
    margin-bottom: 0px;
    font-size: 85%;
}

.teaser-modul {
    margin-bottom: 20px;
}

.telephone {
    width: 45px;
    background-color: #1d76a3;
}

.whitest {
    width: 45px;
}

.produkt {
    padding: 0px;
}

.produkte .produkt:first-child {
    padding-left: 15px;
}

.produkte .produkt:last-child {
    padding-right: 15px;
}

.produkt-odd {
    background-color: #dcdcdc;
    padding: 0px 0px;
}

.preisspanne {
    background-color: #606060;
    color: white;
    padding: 10px 0px;
    width: 100%;
    text-align: center;
    font-size: 110%;
}

.produkt-titel {
    text-align: center;
    padding: 10px 0px;
    background-color: #7bc6d4;
    color: white;
}

.produkt-odd .produkt-titel {
    background-color: #1d76a3;
}

.produkt img,
.produkt-odd img {
    padding: 10px;
}

.produkt-odd img {
    padding-left: 17px;
}

.produkt,
.produkt-odd {
    margin-top: 20px;
}

#upper .dl-horizontal dd {
    margin-left: 130px;
    margin-bottom: 10px;
}

#upper .dl-horizontal dt {
    margin-left: 10px;
}

.vision h1 {
    margin-top: 5px;
}

.bauarten-titel {
    background-color: #1d76a3;
    text-align: center;
    padding: 10px 0px;
    font-size: 130%;
    color: white;
}

.accordion-innerpage .toggle-headline-active {
    background-color: #7bc6d4;
}

.accordion-innerpage .panel-body {
    background-color: #f0f0f0;
    padding-bottom: 0px;
}

.accordion-innerpage {
    background-color: #f0f0f0;
}

.accordion-innerpage .panel-default {
    margin-bottom: 0px;
}

.accordion-innerpage .vorteile-bauarten {
    padding: 0px;
}

.accordion-innerpage .ban img {
    border: 0px;
    padding-top: 15px
}

.bauarten-vorteile {
    padding-right: 10px;
    padding-top: 10px;
}

.accordion-innerpage i {
    margin-right: 10px;
}

.accordion-innerpage ul {
    list-style: none;
    padding-left: 10px;
}

.accordion-innerpage .indent {
    padding-left: 10px;
}

.plus {
    float: left;
}

.accordion-innerpage ul li {
    padding-bottom: 10px;
}

.accordion-innerpage .panel-title:odd {
    background-color: black;
}

.accordion-innerpage .panel-heading {
    background-color: f0f0f0;
}

.accordion-innerpage .odd .panel-heading {
    background-color: #dcdcdc;
}

.accordion-innerpage .odd .panel-body {
    background-color: #dcdcdc;
}

.accordion-innerpage .panel-footer {
    padding: 0px;
}

.customfaq .accordion-innerpage .panel-body {
    padding-bottom: 20px;
}

.customfaq .accordion-innerpage .panel-body ul {
    list-style-type: disc;
    padding-top: 10px;
    padding-left: 20px;
}

.banner-weiterlesen {
    margin-bottom: 20px;
}

.hasSidebar .row .banner-weiterlesen .go-button {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.hasSidebar .row .banner-weiterlesen .button-outer {
    margin-top: 28px;
}

.banner-weiterlesen .banner-header {
    margin-bottom: 0px;
}

.item-page .nav-pills>li>a {
    font-size: 100%;
}

.item-page .arrow {
    top: 38px;
}

.faq-accordion .panel-body {
    min-height: 260px;
}

.uber-tab .tab-pane {
    min-height: 200px;
}

.landingpage .klassen-tab {
    min-height: 100px;
}

.landingpage .klassen-tab p {
    margin-bottom: 0px;
}

.klassen-tab {
    min-height: 135px;
}

.schutz-tab .tab-pane .col-sm-5,
.schutz-tab .tab-pane .col-sm-4 {
    min-height: 210px;
}

.dropdown-menu {
    display: block;
}

#left .deeper ul {
    list-style: none;
    background-color: #444;
    font-size: 100%;
}

#left .deeper ul li {
    padding: 10px 0px;
    cursor: pointer;
}

#left .deeper ul li a {
    background: none !important;
    font-size: 100%;
    padding: 10px 0px;
}

#left .deeper ul li:hover,
#left .deeper ul li .active {
    font-weight: bold;
}

#footer .nav>li {
    float: left;
    font-size: 16px !important;
}

#left i {
    color: #1d76a3;
    margin-right: 5px !important;
}

#left .deeper i {
    color: white;
    margin-right: 5px;
}

.long-part,
.long-part .pullout {
    background-color: #5c5c5c;
    color: white;
    width: 250px;
    margin-bottom: 0px;
}

.pullout input {
    background-color: #3c3c3c;
    border: 0px;
    color: white;
}

.pullout .modCallbackSubmit {
    background-color: #1d76a3;
}

.pullout .callback-message {
    color: white;
    width: 200px;
}

.pullout .call-message {
    width: 200px;
    margin-left: 20px;
    margin-top: 10px;
    font-size: 110%;
}

#footer-menu .fa-angle-right {
    display: none;
}

#bottom li a {
    color: white;
    padding-left: 5px
}

.number {
    color: #1d76a3;
}

.teaser-head:first-of-type {}

.teaser-head,
.teaser-head {
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 25px;
    margin-bottom: 20px;
    font-size: 120%;
}

.faq-button {
    margin-bottom: 44px;
    border: 1px solid #ccc;
    text-transform: uppercase;
    text-align: center;
}

.landkarte {
    border: 1px solid #ccc;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.header #wizard-slider .form-group {
    margin-top: 20px;
    margin-bottom: 20px;
}

#navi {
    position: absolute;
    top: 0px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    padding-left: 14px;
    padding-right: 14px;
}

#jux_memamenu103 {}

.smartphone-teaser {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.tp-caption a,
.tp-caption a:hover {
    color: white !important;
    text-decoration: none;
}

.explanation-wrapper {
    background-color: #f5f5f5;
    ;
}

.under .carousel {
    margin-bottom: 20px;
}

#bottom a {
    padding-top: 5px;
    padding-bottom: 5px;
}

#bottom {
    padding-top: 20px;
    padding-bottom: 20px;
    display: none;
}

.header-a #wizard_form .flexslider {
    border-color: #f5f5f5;
}

.header-a #wizard_form .flexslider,
.header-a .steps {
    background-color: #f5f5f5;
}

.customsocial {
    float: right;
    font-size: 130%;
    line-height: 1;
}

.thankyou-message {
    text-align: center;
    font-size: 140%;
    color: #1d76a3;
}

#thankyou {
    padding: 80px 20px;
}

.angebots-container {
    font-size: 110%;
    line-height: 180%;
}

.angebots-container i {
    margin-right: 10px;
}

.angebots-container ul {
    list-style: none;
}

.customsocial a {
    float: left;
    padding-left: 10px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.fb img,
.twitter img,
.youtube img,
.googleplus img {
    width: 29px;
    margin-bottom: 20px;
}

#footer {
    padding-top: 10px;
}

.hotline-number .tracking_tn {
    color: #337ab7;
}

.bewertungen #eKomiWidget_default {
    padding: 20px 0px;
    margin: 0 auto;
    text-align: center;
}

#logo .custom {
    float: right;
}

#eKomiSeal_default {
    margin-right: 20px;
    padding-top: 10px;
}

.footer-title {
    color: #7bc6d4;
    font-size: 16px;
}

#wizard-slider {
    margin: 10px;
    margin-right: 20px;
}

 .wizard-form-extended .inner_wizard .radio,
.wizard-form-extended .inner_wizard .checkbox_slider {
    width: 90.5%;
    margin: 10px 0px;
    height: 50px;
    background-color: white;
    padding-top: 0px;
    font-weight: 700;
    border: 1px solid #DCDCDC;
    cursor: pointer;
}

.wizard-form-extended .inner_wizard .radio .radio-input,
.wizard-form-extended .inner_wizard .checkbox_slider .radio-input {
    background-color: #DCDCDC;
    float: left;
    padding: 15px 15px;
    height: 50px;
    width: 50px;
    text-align: center;
}

.wizard-form-extended .inner_wizard .radio .radio-input input,
.wizard-form-extended .inner_wizard .checkbox_slider .radio-input input {
    position: relative;
    margin: 0px;
}

.wizard-form-extended .inner_wizard .radio .radio-text label,
.wizard-form-extended .inner_wizard .checkbox_slider .situations {
    font-size: 15px;
    padding: 13px;
    float: left;
}

.wizard-form-extended .inner_wizard .checkbox_slider .situations {
    font-weight: normal;
    cursor: pointer;
}

.wizard-form-extended {
    background-color: #ECECED;
    border: 1px solid #dcdcdc;
}

.wizard-form-extended h5 {
    color: #1D76A3;
    font-size: 110%;
    margin-left: 20px;
    width: 85%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.wizard-form-extended .small {
    margin-bottom: 10px;
}

.wizard-form-extended .form-control {
    box-shadow: 0px;
    border-radius: 0px;
    border: 1px solid #dcdcdc;
    width: 90%;
}

/*.wizard-form-extended #email_callback,
#email_address {
    width: 82.5%;
}
*/
.wizard-form-extended .input-group {
    margin-left: 15px;
}

.wizard-form-extended .form-group {
    margin-top: 10px;
    margin-bottom: 10px;
}

.end {
    width: 100% !important;
}

#wizard-slider_ext .flex-viewport {
    width: 100%;
}

#wizard-slider_ext .flex-control-nav {
    bottom: 10px;
    z-index: 1000;
    width: 92.5%;
}

#wizard-slider_ext .flex-control-paging li a {
    width: 14px;
    height: 14px;
}

#wizard-slider_ext .flex-control-nav li {
    margin: 0 10px;
}

.weiter-button,
.sendInfoMaterial,
.modCallbackSubmit,
.action-teaser-button {
    padding: 7px 10px;
    margin-top: 10px;
    background-color: #1D76A3;
    border: 1px solid #dcdcdc;
    color: white;
    width: 50%;
    margin-left: 40%;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    margin-bottom: 25px;
}

.weiter-button {
    margin-bottom: 32px;
}

.sendInfoMaterial,
.modCallbackSubmit,
.action-teaser-button {
    width: 98%;
    margin-left: 10px;
    padding: 10px 5px;
}

.sendInfoMaterial {
    margin-left: 0px;
}

a.sendInfoMaterial.btn.btn-default {
    white-space: normal;
    color: white;
}

.weiter-button:hover,
.modCallbackSubmit:hover,
.action-teaser-button:hover,
.sendInfoMaterial:hover {
    color: white;
    background-color: #646464;
}

.action-teaser-button span {
    margin-left: 20px;
    margin-right: 30px;
}

.action-teaser-button {
    font-weight: normal;
    font-size: 100%;
    margin-left: 0px;
    width: auto;
}

.action-teaser-button:hover {
    color: white;
}

.weiter-button .fa,
.action-teaser-button .fa {
    color: white;
    margin-right: 10px;
}

.inner-group {
    min-height: 500px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.weiter-button .weiter-titel,
.modCallbackSubmit {
    margin-left: 0px;
}

.privacy-notice {
    padding-left: 20px;
    padding-right: 40px
}

.wizard-raw {
    min-height: 455px;
}

.bootstrap-datetimepicker-widget {
    z-index: 5000;
}

#wizard-slider_ext .end {
    margin: 0px;
    padding-left: 0px;
}

.middle-header {
    font-size: 125%;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 700;
}

.big-header {
    font-size: 220%;
    width: 100%;
    background-color: #646464;
    color: white;
    text-align: left;
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.aktions-liste {
    padding-top: 10px;
    padding-bottom: 20px;
}

#upper .aktions-liste .dl-horizontal dd {
    margin-left: 70px;
    font-size: 110%;
    font-weight: 400;
}

#upper .aktions-liste .dl-horizontal dt div,
#upper .aktions-liste .dl-horizontal dt img {
    width: 30px;
    height: 30px;
}

#upper .aktions-liste .dl-horizontal dt {
    width: 30px;
    margin-left: 0px;
    height: 30px;
}

#upper .aktions-liste .dl-horizontal dt img {
    padding-top: 5px;
}

.item-page #wizard_form .bootstrap-datetimepicker-widget .col-md-6 {
    width: 50%;
}

.point-img div {
    border-bottom: 1px solid #dcdcdc;
}

.point-img div:first-child {
    border-left: 1px solid #dcdcdc;
}

.point-img div:last-child {
    border-right: 1px solid #dcdcdc;
}

.startseite-wizard-form .modCallbackSubmit {
    margin-bottom: 0px;
    margin-top: 0px;
}

.pullout-form .modCallbackSubmit {
    width: 100%;
    margin-bottom: 0px;
}

.point:hover {
    color: #646464;
}

.point {
    width: 18px;
    height: 18px;
    margin: 5px;
    background-color: #dcdcdc;
    float: left;
    border-radius: 15px;
    cursor: pointer;
}

.point-active,
.point-active:hover {
    background-color: #646464;
}

.wizard-page-nav {
    text-align: center;
    margin: 0 auto;
    width: 50%;
    min-height: 30px;
    margin-bottom: 10px;
}

.wizard-page-inner {
    margin: 0 auto;
    float: left;
}

.lady {
    margin-top: 30px;
}

.wizard-extra .weiter-button,
.wizard-extra .sendInfoMaterial,
.wizard-extra .modCallbackSubmit {
    margin-bottom: 22px
}

.wizard-extra .sendInfoMaterial,
.wizard-extra .modCallbackSubmit {
    margin-top: 5px;
}

.no-room {
    margin-bottom: 0px;
}

.bootstrap-datetimepicker-widget .datepicker {
    border-right: 1px solid #DCDCDC;
    padding-right: 5px;
}

.bootstrap-datetimepicker-widget .timepicker {
    padding-left: 5px;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding-top: 20px;
}

/*.bootstrap-datetimepicker-widget table td{
    width:30px;
    height:30px;
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second{
    width:30px;
}*/

.uhrzeit,
.datepicker thead tr:first-child,
.timepicker {
    border-bottom: 1px solid #DCDCDC;
}

#right #fd {
    margin-bottom: 30px;
    background-color: #f0f0f0;
}

#fd h3 {
    background-color: #7bc6d4;
    padding: 18px;
    color: white;
    font-weight: normal !important;
}

#fd h3.teaser-head {
    font-size: 120%;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 25px;
    text-transform: uppercase;
    color: #444;
    background-color: transparent;
    padding: 0px;
}

#right #fd .eb-mod {
    padding: 15px;
}

#fd h3 {}

.eb-entry-tools {
    margin: 0px !important;
}

.eb-mod .eb-mod-item:first:child {
    margin-top: 0px;
}

div#fd.eb .eb-mod-media-title {
    font-weight: normal !important;
}

div#fd.eb .eb-post-more a {
    padding: 10px 20px;
    font-size: 16px;
}

div#fd.eb .eb-post-more {
    margin-top: 40px;
}

div#fd.eb .cell-tags {
    padding: 5px;
}

#right div#fd.eb .cell-tags {
    text-align: left;
    padding: 10px;
}

#right div#fd.eb .cell-tags:first-child {
    margin-top: 0px;
}

div#fd.eb .eb-entry-article .cell-tags {
    float: left;
}

div#fd.eb .eb-posts .eb-post {
    border-bottom: 1px solid #ccc;
    margin: 0 15px;
    padding: 15px 0px;
    margin-top: 15px;
}

div#fd.eb .eb-posts .eb-post:first-child {
    margin-top: 0px;
}

div#fd .btn-success {
    background-color: #1d76a3 !important;
    border: 0px !important;
}

div#fd .btn-success:hover {
    background-color: #7bc6d4 !important;
    border: 0px !important;
}

div#fd #goBack i {
    color: white;
    margin-right: 10px;
}

div#fd #goBack {
    color: white;
    padding: 5px 15px;
    cursor: pointer;
    background-color: #1d76a3;
    float: right;
    text-align: right;
    margin-bottom: 20px;
    margin-right: 15px;
    margin-top: 15px;
}

.goback-wrapper {
    margin-bottom: 10px;
}

.under div#fd.eb .eb-mod-title {
    min-height: 50px;
}

.eb-mod-image-cover {
    background-color: transparent !important;
    border: 0px solid #ccc !important;
}

div#fd.eb .shariff-button .fa,
div#fd.eb .shariff-button a {
    color: white;
}

.shariff .twitter {
    background-color: #55acee;
}

.shariff .facebook {
    background-color: #3b5998;
}

.shariff .googleplus {
    background-color: #cc3732;
}

.shariff .mail {
    background-color: #3d464c;
}

#right #fd:first-child {
    margin-top: 15px;
}

@media (max-width: 767px) {
    .row .steps-module .headline-text {
        font-size: 145% !important;
        padding-top: 12px !important
    }
    .tab-content img {
        margin-bottom: 12px;
    }
    .wizard-page-nav {
        width: 85%;
    }
    /* a.sendInfoMaterial.btn.btn-default {
        margin-bottom: -17px;
        margin-top: -80px;
    } */
    .action-teaser-button {
        font-size: 95%;
        margin-bottom: 20px;
    }
    /* .wizard-form-extended .inner_wizard .radio .radio-text label {
        font-size: 12px;
        padding: 0px;
        white-space: normal;
        padding-top: 17px;
        padding-left: 10px;
    } */
    /* .wizard-form-extended .inner_wizard .checkbox_slider .situations {
        font-size: 10px;
        padding: 0px;
        white-space: normal;
        padding-top: 17px;
        padding-left: 5px;
    } */
    /* .inner_wizard .form-group {
        padding-left: 0px;
    } */
    .schritt-beschreibung .col-sm-4 {
        margin-top: 10px;
    }
}

.item-page {
    float: left;
}

.bauarten-image img,
.produkte img {
    width: 210px;
    margin: 0 auto;
    height: 210px;
}

#copyright .pull-left {
    width: 100%;
}

@media (max-width: 991px) {
    #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss,
    #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {
        padding: 12px 8px !important;
    }
    .menu-title {
        font-size: 80%;
    }
}

.usp-liste {
    font-size: 130%;
    font-weight: bold;
}

.usp-liste .dl-horizontal dd {
    margin-left: 50px;
}

.landingpage {
    background-color: white;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

.btn-default i {
    color: white;
}

.landingpage-button {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 15px;
    background-color: rgb(126, 198, 211);
    font-size: 140%;
}

.landingpage .headline-text {
    padding-top: 15px;
}

.landingpage .headline-img {
    width: 16.667%;
}

.landingpage .flexslider-carousel {
    margin-top: 10px;
}

.landingpage h1 {
    text-transform: none;
    font-size: 160%;
    margin-bottom: 20px;
}

.landingpage h2 {}

.landingpage h3 {
    font-weight: normal;
    font-size: 200%;
}

.bekannt-aus {
    float: left;
}

#known_from {
    margin-top: 20px;
    margin-bottom: 20px;
}

.bekannt-aus img {
    float: left;
    height: 80px;
    margin-left: 20px;
}

.schritt-beschreibung .first {
    font-size: 55px;
    float: left;
    color: red;
    line-height: 1.2;
    font-weight: bold;
}

.schritt-beschreibung {
    margin-bottom: 20px;
    margin-top: 10px;
}

.schritt-beschreibung .schritte {
    background-color: #ececed;
    padding: 8px;
    margin-left: 40px;
    min-height: 65px;
    font-size: 120%;
    border-radius: 5px;
    text-align: left;
}

.page-header {}

.teilnahmebedingungen {
    border: 1px solid #dcdcdc;
}

.smarte-hoergeraete .first {
    color: #1d76a3;
}

.footer-wrapper .nav li a {
    padding-top: 5px;
}
div#footer.container {
    margin-bottom: -2%;
}

#threePills li {
    width: 33.333%;
}

.landingpage .tab-content {
    margin-bottom: 20px;
}

.bedingungen {
    font-size: 80%;
}

.landingpage .teaser-modul .img-responsive {
    padding: 0px;
}

.landingpage .headline {
    margin-top: 10px;
}

.landingpage #wizard_form .slides .inner-group {
    min-height: 400px;
}

.landingpage .headline-big .addon {
    color: white;
    padding-left: 10px;
    padding-bottom: 8px;
}

.landingpage .headline-big h4 {
    font-size: 160%;
    padding-bottom: 5px;
    font-weight: bold;
}

.landingpage .headline-big .addon {
    font-size: 110%;
}

#content {
    margin-top: 60px;
}

.angebots-container {
    padding-top: 50px;
}

.spacer {
    width: 100%;
    height: 80px;
}

.inner_wizard h1 {
    text-align: left;
}

.wizard-privacy>div,
.privacy-wrapper>div {
    width: 100%;
    padding-left: 0px;
    text-align: left;
    font-size: 10px;
}

#wizard-slider_ext .wizard-privacy>div {
    width: 90%;
    padding-left: 15px;
}

.jobs_container {
    padding-left: 0px;
    padding-right: 0px;
}

.jobs_header {
    font-size: 120%;
    color: rgb(36, 119, 160);
    margin-top: 50px;
}



.jobs>p {
    border-bottom: 1px solid grey;
    padding-bottom: 15px;
}

.jobs_container {
    padding-left: 0px;
    padding-right: 0px;
}

.privacy-toggle {
    display: none
}

.sppb-row-container h3 {
    margin-top: -5px;
}

.sppb-row-container h1 {
    margin-top: -2px;
}

.teilnahme-wrapper-alt {
    display: none
}

.page-header h2 {
    /* font-weight:bold;*/
    color: #3c3c3c;
    font-size: 130%;
    text-transform: uppercase;
}

.teilnahme-wrapper-alt {
    display: block
}

.teilnahmebedingungen {
    margin-bottom: 20px;
}

.landingpage_content_2 h3 {
    font-weight: normal;
    font-size: 200%;
    line-height: 1.1;
    /* box-sizing: border-box; */
    text-align: justify;
    margin-top: 10px;
}

.teilnahme-wrapper-sp .inner_wizard {
    /*height: 660px;*/
}

.teilnahme-wrapper-sp h4,
.teilnahmebedingungen-sp h4 {
    color: #fff;
    padding: 10px;
    margin: 0px;
}

.teilnahmebedingungen-sp,
.teilnahme-wrapper-sp {
     /*background: linear-gradient(to right, #1d76a3 0%, #7ac7d5 100%); */
    max-width: 433px;
}

.teilnahmebedingungen-sp {
    border: 1px solid #dcdcdc;
    max-width: 433px;
}

.sppb-icon-inner {
    border-style: none !important;
}

.mod_easybloglatestblogs {
    margin-top: 30px;
}

.moduleRecall {
    color: white;
}

.sppb-btn-custom {
    text-decoration: none;
}

.sppb-btn-custom .fa {
    color: white;
}

.sppb-carousel-indicators .active {
    background-color: #1D76A3;
}

.sppb-carousel-indicators li {
    border: 1px solid #1D76A3;
}

#remarks_callback {
    height: 100px;
}

@media only screen and (min-width: 769px) and (max-width: 20000px) {
    #logo .mobile-head {
        display: none;
    }
}

@media only screen and (max-width:320px) {
    #logo .mobile-head {
        display: block;
    }
}

@media only screen and (max-width: 769px) and (min-width: 20000px) {
    #logo .img-responsive {
        display: none;
    }
}

.sp-page-builder .page-content #section-id-1502102294225.sppb-section {
    padding: 0;
}

@media (max-width: 768px) {
  #eKomiSeal_landingpage{
        display: none;
    }
    div#tüv {
    display: none;
}
    #eKomiSeal_default {
        text-align: center;
        display: none;
    }
    .sp-page-builder .page-content #section-id-1492595295290.sppb-section {
        padding: 10px 0px 50px 0px;
    }
    #wizard-slider_ext .wizard-privacy>div {
        line-height: 18px;
        font-size: 14px;
    }
    .sppb-addon-content .inner_wizard {
        /*height: 620px;*/
    }
    #wizard_form label.error {
        width: 180%;
        font-size: 78%;
    }
    #logo .img-responsive {
        margin: 0 auto;
        display: none;
    }
    .inner_wizard {
        /*height: 650px;*/
    }
    .wizard-page-nav {
        margin: -10px auto;
    }
    .landingpage .wizard-page-nav {
        margin: 0 auto;
    }
    .landingpage #wizard-slider_ext .end {
        margin: 0px;
        padding-left: 0px;
        padding-top: 45px;
    }
    .landingpage .wizard-extra .modCallbackSubmit {
        margin-bottom: 2px;
    }
    .point {
        width: 9px;
        height: 9px;
    }
    /*.sp-container-one .sppb-row-container .sppb-row .sppb-col-md-6 {
      height: 0px;
  }*/
}

@media only screen and (max-width:425px) {
    .inner_wizard .inner-group,
    .landingpage #wizard_form .slides .inner-group {
        min-height: 320px;
    }
}

@media only screen and (max-width:320px) {
    .inner_wizard {
        /*height: 710px;*/
    }
    /*.sppb-text-left {
      margin-top: 20%;
      margin-bottom: 5%;
      position: relative;
      top: 300px;
      background-color: white;
  }

  .teilnahme-wrapper-sp {
    position: absolute;
    top: 0px;
    height: 50px;
}*/
    .landingpage .wizard-extra .modCallbackSubmit {
        margin-bottom: 2px;
        margin-top: 36px;
    }
}

#footer .customsocial {
    font-size: 100%;
}

@media only screen and (min-width:769px) {
    /*  .sp-container-two {
    position: relative;
    top: 150px;
}*/
    .sp-container-one .sppb-row-container .sppb-row .sppb-col-md-6 {
        /*height: 305px;*/
    }
    .sp-container-one .sppb-col-md-6 {
        /*height: 255px;}*/
    }
    /*integrate on dev*/
    /* .inner-group {
        min-height: 300px !important
    } */
    .sppb-addon-content .inner_wizard {
        min-height: 450px;
    }
}

@media only screen and (min-width:913px) {
    .teilnahme-wrapper-sp {
        position: absolute;
        top: -270px;
        height: 50px;
        z-index: 6000;
        width: 100%;
    }
}

.timeline-panel .left-part {
    width: 87%;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part {
    margin-right: 0px;
    margin-left: 0px;
    max-width: 95%;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    margin-left: 0px;
    max-width: 95%;
}

.sppb-nav-pills>li>a:hover,
.sppb-nav-pills>li>a:focus {
    background: rgba(39, 119, 168, 1);
    color: white;
}

.sppb-nav-pills>li>a {
    background-color: rgb(123, 198, 212);
    color: white;
    font-size: 100%;
}

div#fd.eb .eb-entry a {
    color: #1d76a3;
    font-weight: 900;
}

div#fd.eb .eb-entry a:hover {
    color: #3c3c3c;
    font-weight: 900;
}

.copy {
    font-size: 100%;
}

div#fd.eb .cell-tags a {
    font-size: 80%;
    line-height: 1.3;
    color: #3c3c3c !important;
}
div#fd .btn-default {
    color: #fff !important;
    background-color: #2777a8 !important;
    border-color: #337ab7 !important;
}

div#fd.eb .cell-tags {
    background: #fff none repeat scroll 0 0;
    border: solid 1px #e3e3e3;
}


span.share_text {
    color: white;
    font-weight: 100;
}

.sppb-panel-title {
    font-size: 100%;
}

span {
    font-size: 18px;
}

div#fd.eb * {
    font-size: 18px;
}

.sppb-addon.sppb-addon-module.module-headline-standard h3 {
	padding-left: 6%;
    color: white;
    font-size: 110%;
    font-weight: 300;
}
.module-headline-standard {
    background-color: #2777a8;
    padding-top: 4%;
}

.table-of-content{ position: absolute; margin-top: -80px;}
.table-of-content-2{border: 1px solid #f5f5f5;    padding: 1%;}
.table-of-content-2 p {text-align: left;}
html {scroll-behavior: smooth;}

.childcontent {
    border: 0px solid #3c3c3c !important;
}

.h4, h4 {
    font-size: 22px !important;
    font-weight: 600 !important; /* it was 900*/
}


.max470px{    max-width: 470px; vertical-align: middle;     display: block;
    margin-left: auto;
    margin-right: auto;}


.max200px{    max-width: 200px; vertical-align: middle;     display: block;
    margin-left: auto;
    margin-right: auto;}

.weiteres a {
    font-weight: 300 !important;
}.weiteres p {
    font-size: 95% !important;
    line-height: 20px !important;
    text-align: left !important;
}
.table-scrollable {
  width: 100%;
  overflow-y: hidden;
  margin: 0 0 1em;
  overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

div#fd.eb h2 {
    font-weight: 100;
    font-size: 18px;
    color: #2777a8;
}

#copyright ul.nav.menu{ /*added on 12.04.2023 */
  margin-right:-62%;
  margin-top: -15%;
}

/* added on 12.04.2023*/
#footer #copyright p{
  margin-top:5%;
}

#footer .nav>li a:hover{
  text-decoration:none;
}

/*added on 25.04.2023*/
strong{
  font-weight: 600;
}

/*added on 26.04.2023*/
.sppb-nav-pills>li>a{
  font-weight:600;
}