/*
body {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; 
}
*/

html,
body {
    margin: 0px;
}

@media(max-width: 768px) {
    .hideOnMobile {
        display: none !important;
    }
}

@media(min-width: 1025px) {
    .hideOnDesktop {
        display: none !important;
    }
}

@media(min-width: 769px) and (max-width: 1024px) {
    .hideOnTablet {
        display: none !important;
    }
}

section p {
    margin-bottom: .75em;
    line-height: 1.5
}

section h2 {
    font-size: 20px;
    font-weight: 700;
    color: #005DAC;
    margin-bottom: 50px
}

@media all and (min-width:360px) and (max-width:480px) {
    section h2 {
        font-size: 20px
    }
}

@media all and (min-width:480px) and (max-width:768px) {
    section h2 {
        font-size: 22px
    }
}

@media all and (min-width:768px) and (max-width:1024px) {
    section h2 {
        font-size: 24px
    }
}

@media all and (min-width:1024px) and (max-width:1280px) {
    section h2 {
        font-size: 28px
    }
}

@media all and (min-width:1280px) and (max-width:1468px) {
    section h2 {
        font-size: 28px
    }
}

@media all and (min-width:1468px) and (max-width:1680px) {
    section h2 {
        font-size: 30px
    }
}

@media all and (min-width:1680px) and (max-width:1920px) {
    section h2 {
        font-size: 32px
    }
}

@media all and (min-width:1920px) {
    section h2 {
        font-size: 34px
    }
}

@media all and (min-width:2200px) {
    section h2 {
        font-size: 34px
    }
}

section.intro {
    background: #ddd;
    overflow: hidden;
    position: relative
}

section.intro .btn:hover {
    background: #3AD6CC;
}

section.intro>.intro_availability_check {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    max-width: 1440px;
    margin: 0 auto;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    position: relative;
}

@media(max-width: 768px) {
    section.intro>.intro_availability_check {
        background-image: url(/wp-content/uploads/2019/09/HeaderMobile.jpg) !important;
    }
}

section.intro [class*=wrapper] {
    background-size: cover;
    max-width: 100%;
    height: 450px;
    min-height: 430px;
    position: relative;
}

@media all and (max-width:768px) {
    section.intro [class*=wrapper] {
        padding-right: 10px;
        min-height: 650px
    }
}

section.intro .box-check {
    background: #0975D0;
    color: #FFF;
    padding: 35px 60px;
    margin: 70px 0;
    border-radius: 0 500px 500px 0;
    max-width: 550px;
    font-size: 18px;
    line-height: 1.2;
}

@media(max-width: 768px) {
    section.intro .box-check {
        padding: 35px 30px;
        margin-right: -60px;
        padding-right: 90px;
    }
}

@media all and (min-width:769px) {
    section.intro .box-check {
        padding: 35px 80px
    }
}

section.intro .box-check h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

@media all and (min-width:360px) and (max-width:480px) {
    section.intro .box-check h1 {
        font-size: 24px
    }
}

@media all and (min-width:480px) and (max-width:768px) {
    section.intro .box-check h1 {
        font-size: 26px
    }
}

@media all and (min-width:768px) and (max-width:1024px) {
    section.intro .box-check h1 {
        font-size: 30px
    }
}

@media all and (min-width:1024px) and (max-width:1280px) {
    section.intro .box-check h1 {
        font-size: 30px
    }
}

@media all and (min-width:1280px) and (max-width:1468px) {
    section.intro .box-check h1 {
        font-size: 34px
    }
}

@media all and (min-width:1468px) and (max-width:1680px) {
    section.intro .box-check h1 {
        font-size: 34px
    }
}

@media all and (min-width:1680px) and (max-width:1920px) {
    section.intro .box-check h1 {
        font-size: 36px
    }
}

@media all and (min-width:1920px) {
    section.intro .box-check h1 {
        font-size: 38px
    }
}

@media all and (min-width:2200px) {
    section.intro .box-check h1 {
        font-size: 38px
    }
}

section.intro .box-check form {
    position: relative;
    width: 340px;
    left: 0px;
    top: 20px;
}

@media all and (min-width:769px) {
    section.intro .box-check form {
        width: 340px
    }
}

@media all and (max-width:768px) {
    section.intro .box-check form input[type=submit] {
        right: 120px !important;
        padding: 0px 20px !important;
    }

    section.intro .box-check form input[type=text] {
        width: 50% !important;
    }
}

section.intro .box-check form input[type=text],
section.intro .box-check form input[type=submit] {
    height: 40px
}

section.intro .box-check form input[type=text] {
    border-radius: 25px;
    width: 60%;
    padding-right: 20%;
    padding-left: 15px;
    font-weight: 600;
}

section.intro .box-check form input[type=submit] {
    position: absolute;
    right: 10px;
    top: 0;
    padding: 0px 40px;
    font-size: 14px;
}

section.intro .col_2 {
    position: static
}

section.intro .box-subscription {
    background: #3198EF;
    color: #FFF;
    border-radius: 50%;
    width: 170px;
    height: 170px;
    position: absolute;
    bottom: -15px;
    right: 25px
}

@media all and (min-width:769px) {
    section.intro .box-subscription {
        position: relative;
        top: -15px;
        right: 60px;
        left: auto;
    }
}

@media all and (max-width:768px) {
    section.intro .box-subscription {
        display: none;
    }
}

section.intro .box-subscription .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding-left: 45px
}

section.intro .box-subscription h2 {
    color: #FFF;
    font-size: 18px;
    line-height: 1.15;
    margin-bottom: 0
}

section.intro .box-subscription .btn {
    font-size: .9em;
    margin-top: 7px
}

@media all and (min-width:769px) {
    section.intro .box-subscription .btn {
        width: 110%;
        margin-left: -10px;
    }
}

section.intro .box-subscription .btn:hover {
    background: #0975D0
}

section.iWidget_productBoxes {
    /*background: #FFF;
    background: -moz-linear-gradient(top, #FFF 0, #C3D3E3 100%);
    background: -webkit-linear-gradient(top, #FFF, #C3D3E3 100%);
    background: linear-gradient(to bottom, #FFF 0, #C3D3E3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='@lightblue2', GradientType=0)*/
    background: #EDF5FA;
}

.iWidget_productBoxes .box.box_disabled,
.iWidget_productBoxes .box.box_disabled:hover {
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
}

.box_disabled::after {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: inherit;
}

section.iWidget_productBoxes header {
    text-align: center;
    /*margin-bottom: 50px;*/
    margin-bottom: 160px;
}

section.iWidget_productBoxes header h2 {
    margin-bottom: 0;
}

section.iWidget_productBoxes header h3 {
    color: #6F6F6F;
    font-weight: 400;
    font-size: 22px;
    text-transform: none;
}
section.iWidget_productBoxes .mdToHtml a.info-link.icon {
    display: inline-block;
    width: 20px;
    overflow:hidden;
    white-space: nowrap;
    font-family: "Font Awesome 5 Free";
    vertical-align: text-bottom;
}
section.iWidget_productBoxes .mdToHtml a.info-link.icon::before {
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 20px 0 0;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f05a";
}

/* 26.07.2023 - Linker Abstand zur Sicherheit nur für Produktboxen verringern */
.iWidget_productBoxes .mdToHtml ul li {
    margin-left: 14px;
}

@media all and (max-width:768px) {
    section.iWidget_productBoxes [class*=col_] {
        margin-top: 30px;
    }

    section.iWidget_productBoxes [class*=col_].highlight {
        margin-top: 50px;
    }

    section.iWidget_productBoxes [class*=col_]:first-child {
        margin-top: 0;
    }
    section.iWidget_productBoxes header {
        margin-bottom: 80px;
    }
}

@media all and (min-width:769px) {
    section.iWidget_productBoxes header {
        margin-bottom: 160px;
    }

    section.iWidget_productBoxes [class*=col_].highlight .box {
        /* top: -50px*/
    }
}

/* 19.07.23/PK: Subscription Promo nicht mehr Teil  der Produktboxen, ist in eigenem Lazy-Block. */
.wp-block-lazyblock-abo-zusatz .subscription-promo {
    padding:0;
    margin:-69px 0 0 0 !important;
}

.wp-block-lazyblock-abo-zusatz .subscription-promo h2 {
    color: #DE0436;
    text-align: center;
    margin-bottom: 35px;
    font-size: 1.8em;
}

.wp-block-lazyblock-abo-zusatz .subscription-promo h3 {
    color: #005DAC;
    margin-bottom: 15px;
    font-size: 1.2em;
    position: relative;
}

.wp-block-lazyblock-abo-zusatz .subscription-promo h3:before {
    content: '+';
    font-size: 3.5rem;
    line-height: 1;
    position: absolute;
    left: -40px;
    top: -18px;
}

.wp-block-lazyblock-abo-zusatz  .additional-offers h2 {
    margin-bottom: 25px;
}

@media all and (max-width:768px) {
    .wp-block-lazyblock-abo-zusatz .subscription-promo {
        padding:0 0 0 20px;
    }
}

/* 19.07.23/PK: Subscription Promo ist eigentlich nicht mehr Teil von neuen Produktboxen, aber die Styles sollten rückwärtskomaptibel sein. */
.iWidget_productBoxes .wp-block-lazyblock-abo-zusatz {
    margin-top: 107px;
}
.iWidget_productBoxes .wp-block-lazyblock-abo-zusatz .subscription-promo {
    padding: 25px 70px;
    background: #EBF6FF;
}

.iWidget_productBoxes .wp-block-lazyblock-abo-zusatz .subscription-promo .row.wrapper-1000 {
    /* 28.07.23/PK: Wieder entfernt, interferiert.
    justify-content: center;
    column-gap: 180px;
    */
    margin-top: -40px;
}

.iWidget_productBoxes .wp-block-lazyblock-abo-zusatz .subscription-promo h2 {
    color: #DE0436;
    text-align: center;
    margin-bottom: 61px;
    font-size: 1.8em;
}

.iWidget_productBoxes .wp-block-lazyblock-abo-zusatz .subscription-promo h3 {
    color: #005DAC;
    margin-bottom: 15px;
    font-size: 1.2em;
    position: relative;
}

.iWidget_productBoxes .wp-block-lazyblock-abo-zusatz .subscription-promo h3:before {
    content: '+';
    font-size: 3.5rem;
    line-height: 1;
    position: absolute;
    left: -40px;
    top: -18px;
}
section.iWidget_productBoxes .wp-block-lazyblock-abo-zusatz  .additional-offers h2 {
    margin-bottom: 25px;
}
.box_price .defaultPrice { /* 19.07.23/PK: Wird so nur von alten Boxen benötigt. */
    font-size: 24px;
    font-weight: 300;
}

/* ======= Widget Kategorien (6-Spalter) ======= */
/* 
    10.07.23/PK - 6-Spalter Kategorien angepasst 
    -CSS aus Plugin kopiert
    -Umbau Border-Verhalten
*/
.iWidget_categories .ueberschrift_categories {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    display:block;
}
.iWidget_categories .untertitel_categories {
    padding-top: 10px;
    display:block;
}
section.iWidget_categories {
    background: #005DAC;
}

section.iWidget_categories a {
    color: #FFF;
    display: block;
    height: 100%;
    transition: all ease-in-out .3s;
    padding: 15px;
}

section.iWidget_categories a:hover {
    background: #005dac;
    background: -moz-linear-gradient(top, #006fce 0, #005dac 100%);
    background: -webkit-linear-gradient(top, #006fce 0, #005dac 100%);
    background: linear-gradient(to bottom, #006fce 0, #005dac 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#006fce', endColorstr='#005dac', GradientType=0);
}

section.iWidget_categories .row {
    margin: 0;
    justify-content:center; /*PK: Zentriert, damit nicht spezifische Hacks notwendig sind */
}

section.iWidget_categories .row [class*=col_] {
    padding: 0;
    border-right: 1px solid rgba(255, 255, 255, .4);
    font-size: 14px;
}
section.iWidget_categories .row [class*=col_]:first-child {
    border-left: 1px solid rgba(255, 255, 255, .4);
}
@media(max-width: 768px) {
    section.iWidget_categories .row {
        display:block;
    }
    section.iWidget_categories .col_sm_6 {
        width:100%;
        max-width:100%;
    }
    section.iWidget_categories .row [class*=col_],
    section.iWidget_categories .row [class*=col_]:first-child {
        border-left: none;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .4);
    }
    section.iWidget_categories .row [class*=col_]:first-child {
        border-top: 1px solid rgba(255, 255, 255, .4);
    }
    section.iWidget_categories a {
        width: 100%;
    }
}
@media (min-width: 1280px) and (max-width: 1679px) {
    .iWidget_categories .ueberschrift_categories {
      font-size: 16px;
    }
}
@media (max-width: 1279px) {
    .iWidget_categories .ueberschrift_categories {
      font-size: 15px;
    }
}
/* ======= Ende Widget Kategorien (6-Spalter) ======= */

section.iWidget_productBoxes-1 h2 {
    text-align: center
}

section.iWidget_productBoxes-2 {
    background: #EBF6FF
}

section.iWidget_case-studies {
    background: #EDF5FA;
}

section.iWidget_case-studies .row>div {
    margin-bottom: 20px;
}

section.iWidget_case-studies .study-item {
    display: block;
    height: 100%;
    transition: all ease-in-out .3s;
    padding: 15px;
    color: #6F6F6F
}

section.iWidget_case-studies a.study-item:hover {
    background: #FFF;
    background: -moz-linear-gradient(top, #FFF 0, #EBF6FF 100%);
    background: -webkit-linear-gradient(top, #FFF, #EBF6FF 100%);
    background: linear-gradient(to bottom, #FFF 0, #EBF6FF 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='@lightblue', GradientType=0)
}

section.iWidget_case-studies .study-item h3 {
    color: #005DAC
}

section.iWidget_case-studies .row {
    margin: 0
}

section.iWidget_case-studies .row [class*=col_] {
    padding: 0;
    border-left: 1px solid rgba(0, 0, 0, .2)
}

section.iWidget_case-studies .caseStudy_img {
    padding: 15px;
    width: auto;
    max-height: 200px;
    /*filter: invert(53%) sepia(86%) saturate(2691%) hue-rotate(141deg) brightness(99%) contrast(94%);*/
}

section#info h2 {
    margin-bottom: 0
}

section#info .col_5 {
    display: none
}

@media all and (min-width:769px) {
    section#info .col_5 {
        display: block
    }
}

section#cloud-services {
    background: #EBF6FF
}

section.iWidget_availability-check h2 {
    margin-bottom: 0;
    color: #FFF;
    font-size: 20px
}

@media all and (min-width:360px) and (max-width:480px) {
    section.iWidget_availability-check h2 {
        font-size: 20px
    }
}

@media all and (min-width:480px) and (max-width:768px) {
    section.iWidget_availability-check h2 {
        font-size: 20px
    }
}

@media all and (min-width:768px) and (max-width:1024px) {
    section.iWidget_availability-check h2 {
        font-size: 22px
    }
}

@media all and (min-width:1024px) and (max-width:1280px) {
    section.iWidget_availability-check h2 {
        font-size: 22px
    }
}

@media all and (min-width:1280px) and (max-width:1468px) {
    section.iWidget_availability-check h2 {
        font-size: 26px
    }
}

@media all and (min-width:1468px) and (max-width:1680px) {
    section.iWidget_availability-check h2 {
        font-size: 26px
    }
}

@media all and (min-width:1680px) and (max-width:1920px) {
    section.iWidget_availability-check h2 {
        font-size: 26px
    }
}

@media all and (min-width:1920px) {
    section.iWidget_availability-check h2 {
        font-size: 26px
    }
}

@media all and (min-width:2200px) {
    section.iWidget_availability-check h2 {
        font-size: 26px
    }
}

section.iWidget_availability-check h3 {
    font-weight: 400;
    text-transform: none
}

section.iWidget_availability-check form {
    background: #0975D0;
    color: #FFF;
    padding: 25px;
    border-radius: 25px
}

@media all and (min-width:769px) {
    section.iWidget_availability-check form {
        border-radius: 80px
    }
}

section.iWidget_availability-check form .row {
    margin-top: -5px;
    margin-left: -5px
}

section.iWidget_availability-check form [class*=col_] {
    padding-left: 5px;
    padding-top: 5px
}

@media all and (max-width:768px) {
    section.iWidget_availability-check form [class*=col_].form-items {
        margin: 15px 0
    }
}

@media all and (min-width:769px) {
    section.iWidget_availability-check form [class*=col_]:last-child {
        position: relative
    }

    section.iWidget_availability-check form [class*=col_]:last-child input[type=submit] {
        position: absolute;
        left: 15px;
        bottom: 0
    }

    section.iWidget_availability-check form [class*=col_]:last-child input[type=submit]:hover {
        background: #3AD6CC;
    }
}


/*@media all and (max-width:1007px) {
    section.iWidget_availability-check form [class*=col_]:last-child input[type=submit] {
        left: -130px;
    }
}*/

section.iWidget_availability-check form input[type=text] {
    padding-bottom: 5px;
    padding-left: 5px
}

section#info-1 h2 {
    margin-bottom: 25px
}


/* =============== Background Colors =============== */

section.bg_lightBlueGradient {
    /*background: #FFF !important;
    background: -moz-linear-gradient(top, #FFF 0, #C3D3E3 100%) !important;
    background: -webkit-linear-gradient(top, #FFF, #C3D3E3 100%) !important;
    background: linear-gradient(to bottom, #FFF 0, #C3D3E3 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='@lightblue2', GradientType=0) !important;*/
    background: #EDF5FA;
}

section.bg_white {
    background: #FFF !important;
}

section.bg_lightBlue {
    background: #EDF5FA !important;
}

.bg_transparent {
    background: transparent !important;
}

.bg_darkBlue {
    background: #005DAC !important;
}

section.bg_darkBlue header h2,
section.bg_darkBlue header h3 {
    color: #fff;
}

.bg_darkBlue2 {
    background: #005DAC !important;
}

section.bg_darkBlue2 h2,
section.bg_darkBlue2 h3,
section.bg_darkBlue2 p,
section.bg_darkBlue2 ul {
    color: #fff;
}


/* =============== iWidget Configurator =============== */

.iWidget_Configurator .box,
.gfoWidget_Configurator .box {
    text-align: left;
    border-radius: 25px;
}

.iWidget_Configurator .box .header,
.gfoWidget_Configurator .box .header {
    text-align: left;
    top: 10px;
    margin-bottom: 20px;
}

.iWidget_Configurator .offerPrice,
.gfoWidget_Configurator .offerPrice {
    float: right;
}

.iWidget_Configurator header,
.gfoWidget_Configurator header {
    text-align: center;
    margin-bottom: 50px
}

.iWidget_Configurator header h2,
.gfoWidget_Configurator header h2 {
    margin-bottom: 0px
}

.iWidget_Configurator .combo_box,
.gfoWidget_Configurator .combo_box {
    margin-bottom: 20px;
    background: #0975D0;
    color: #fff;
    border-radius: 25px;
    padding: 25px;
    max-height: 130px;
    /* IE */
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    display: none;
}

.iWidget_Configurator .combo_box h3,
.gfoWidget_Configurator .combo_box h3 {
    font-size: 20px;
    text-transform: none;
}

.iWidget_Configurator .configurator_cart,
.gfoWidget_Configurator .configurator_cart {
    margin-top: 30px;
    padding: 20px 50px;
    margin-left: 0px;
    background: #005dac;
}

@media(max-width: 768px) {

    .iWidget_Configurator .configurator_cart,
    .gfoWidget_Configurator .configurator_cart {
        padding: 20px 0px;
    }

    .iWidget_Configurator .configurator_cart .row>[class*="col_"]:nth-child(1),
    .iWidget_Configurator .configurator_cart .row>[class*="col_"]:nth-child(3),
    .gfoWidget_Configurator .configurator_cart .row>[class*="col_"]:nth-child(1),
    .gfoWidget_Configurator .configurator_cart .row>[class*="col_"]:nth-child(3) {
        padding: 0px;
        margin: 0px;
    }

    .iWidget_Configurator .configurator_cart .row>[class*="col_"]:nth-child(2),
    .gfoWidget_Configurator .configurator_cart .row>[class*="col_"]:nth-child(2) {
        padding: 0px;
        margin: 10px 0px;
    }

    .iWidget_Configurator .abo_row b,
    .gfoWidget_Configurator .abo_row b {
        min-width: 50%;
    }
}

.iWidget_Configurator .configurator_cart>div,
.gfoWidget_Configurator .configurator_cart>div {
    padding: 0px;
}

.iWidget_Configurator .cartTitle,
.gfoWidget_Configurator .cartTitle {
    color: #fff;
    font-size: 28px;
    text-transform: none;
    font-weight: 700;
}

.iWidget_Configurator .abo_row b,
.gfoWidget_Configurator .abo_row b {
    min-width: 100px;
    display: inline-block;
}

.iWidget_Configurator .abo_row,
.gfoWidget_Configurator .abo_row {
    color: #fff;
    font-size: 18px;
}

.iWidget_Configurator .configurator_btn,
.iWidget_Configurator .configurator_btn:hover,
.gfoWidget_Configurator .configurator_btn,
.gfoWidget_Configurator .configurator_btn:hover {
    float: right;
    margin-left: 50px;
    position: relative;
    top: 50%;
    transform: translate(0%, -50%);
    cursor: pointer;
    background: #DE0436;
}

.iWidget_Configurator .configurator_btnDisabled,
.iWidget_Configurator .configurator_btnDisabled:hover,
.gfoWidget_Configurator .configurator_btnDisabled,
.gfoWidget_Configurator .configurator_btnDisabled:hover {
    background: #707070 !important;
}

.iWidget_Configurator .boxHeaderEnabled,
.iWidget_Configurator .boxHeaderEnabled:before,
.gfoWidget_Configurator .boxHeaderEnabled,
.gfoWidget_Configurator .boxHeaderEnabled:before {
    background: #0975D0 !important;
}

.iWidget_Configurator .boxHeaderDisabled,
.iWidget_Configurator .boxHeaderDisabled:before,
.gfoWidget_Configurator .boxHeaderDisabled,
.gfoWidget_Configurator .boxHeaderDisabled:before {
    background: #999 !important;
}

.iWidget_Configurator .abo_priceWrap,
.gfoWidget_Configurator .abo_priceWrap {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translate(0%, -50%);
    color: #fff;
}

.iWidget_Configurator .abo_priceTotal,
.gfoWidget_Configurator .abo_priceTotal {
    font-size: 28px;
    font-weight: 600;
}

/*@media(min-width: 769px) and (max-width: 1024px) {
    .iWidget_Configurator .offerPrice,
    .gfoWidget_Configurator .offerPrice {
        float: none;
        padding-left: 45px;
        display: block;
    }
}*/

@media (max-width: 1280px) {

    .iWidget_Configurator .box_column,
    .gfoWidget_Configurator .box_column {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.iWidget_Configurator header .alertPrimary>h4,
.gfoWidget_Configurator header .alertPrimary>h4 {
    margin-bottom: 10px;
}

@media(max-width: 768px) {

    .iWidget_Configurator .row>[class*="col_"],
    .gfoWidget_Configurator .row>[class*="col_"] {
        margin: 10px 0px;
    }
}

.defaultPrice {
    text-decoration: line-through;
    color: #DE0436;
    padding-right: 0px;
}


/* 4-Columns Spacing Fix for Mobile Column */

.iWidget_Configurator .wrapper-1400 .box,
.gfoWidget_Configurator .wrapper-1400 .box {
    padding: 15px 5px 15px 15px;
}

.iWidget_Configurator .wrapper-1400 .box .radio,
.gfoWidget_Configurator .wrapper-1400 .box .radio {
    font-size: 18px;
}

.iWidget_Configurator .wrapper-1400 .box .radio input+span,
.gfoWidget_Configurator .wrapper-1400 .box .radio input+span {
    width: 28px;
    height: 28px;
}

.iWidget_Configurator .wrapper-1400 .box .header:before,
.gfoWidget_Configurator .wrapper-1400 .box .header:before {
    left: -15px;
    width: 16px;
}

@media (max-width: 768px) {

    .iWidget_Configurator .wrapper-1400 [class*="col_"],
    .gfoWidget_Configurator .wrapper-1400 [class*="col_"] {
        display: block;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-left: 10px;
        padding-top: 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .iWidget_Configurator .wrapper-1400 .configurator_offers_access,
    .gfoWidget_Configurator .wrapper-1400 .configurator_offers_access {
        margin-bottom: 15px;
    }

    .iWidget_Configurator .wrapper-1400 .offerPrice,
    .gfoWidget_Configurator .offerPrice,
    .gfoWidget_Configurator .wrapper-1400 .offerPrice,
    .gfoWidget_Configurator .offerPrice {
        float: right;
    }
}


/* Summary */


/*
.iWidget_Configurator .bannerCartBtn {
    font-size: 14px;
    width: 100px;
    display: block;
    float: right;
}


.iWidget_Configurator .gfo_bannerCart {
    background: #005DAC;
    color: #fff;
    padding: 10px 20px;
    margin-left: 0px !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    min-height: 90px;
}

.iWidget_Configurator .bannerCartBtnBack {
    text-align: center;
    padding: .3em 1.5em;
    color: #fff;
}

.iWidget_Configurator .bannerCartBtn {
    font-size: 14px;
    width: 100px;
    display: block;
    float: right;
}

.iWidget_Configurator .cart_flexWrap {
    display: flex;
    width: 1000px;
    margin: auto;
    max-width: 92%;
    flex-wrap: wrap;
}

.iWidget_Configurator .bannerCart_title{
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0%, -50%);
    background: #3298ef;
    border-radius: 0px 500px 500px 0px;
    padding: 0px 20px;
    font-size: 28px;
    line-height: 50px;
}

.iWidget_Configurator .cart_flexItem {
    flex-basis: 25%;
}

@media (max-width: 768px) {
    .iWidget_Configurator .cart_flexItem {
        flex-basis: 50%;
    }
}

.iWidget_Configurator .cart_title {
    font-size: 28px;
    margin: 0px 0px 10px 0px;
}

.iWidget_Configurator .abo_priceTotal {
    font-size: 28px;
    font-weight: 600;
}

.iWidget_Configurator h2.gfo_sectionTitle {
    color: #005DAC;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
}

.iWidget_Configurator h3.gfo_sectionTitle {
    color: #005DAC;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}


.iWidget_Configurator .gfo_summaryFooter{
    text-align: center;
}

.iWidget_Configurator .gfo_summaryFooter .back_btn,
.iWidget_Configurator .gfo_summaryFooter .submit_btn{
    font-size: 20px;
    border-radius: 500px;
    width: 220px;
    padding: 10px 0px;
    margin: 20px 10px;
}

.iWidget_Configurator .gfo_summaryFooter .back_btn{
    border: 2px solid #707070;
    color: #707070 !important;
    background: #fff;
}*/


/* ==================== Modal ==================== */

.iWidget_Configurator .modalIcon,
.gfoWidget_Configurator .modalIcon {
    top: 50%;
    right: 0px;
    position: absolute;
    transform: translate(-50%, -50%);
    cursor: pointer;
    font-size: 32px;
    line-height: 1;
}

.configuratorModal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    display: none;
    z-index: 1025;
    overflow-y: auto;
    max-height: 80%;
}

.configuratorModal>p {
    white-space: pre-line;
}

.configuratorModal_title {
    margin-bottom: 20px;
}

.configuratorModalOverlay {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: rgba(4, 29, 58, 0.8);
    display: none;
    z-index: 1024;
}

@media screen and (max-width: 768px) {
    .configuratorModal {
        width: 92%;
    }
}

.closeModal {
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 10px;
    width: 34px;
    cursor: pointer;
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    font-weight: 600;
    transition: 150ms ease-in-out;
    filter: invert(15%) sepia(71%) saturate(0%) hue-rotate(340deg) brightness(50%) contrast(25%);
}

.closeModal:hover {
    filter: invert(15%) sepia(71%) saturate(6628%) hue-rotate(240deg) brightness(85%) contrast(105%);
}

.configuratorModal::-webkit-scrollbar {
    width: 10px;
    background: transparent;
}

.configuratorModal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #005dac;
    border-radius: 10px;
    background-color: transparent;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

.configuratorModal::-webkit-scrollbar-thumb {
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 px #005dac;
    background-color: #005dac;
}

.configuratorModal::-webkit-scrollbar-thumb:hover {
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 px #3198EF;
    background-color: #3198EF;
}


/* ==================== Checkbox & Radio ==================== */

.checkbox,
.radio {
    position: relative;
    cursor: pointer;
    padding: 10px 10px 10px 0px;
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #005DAC;
}

.checkbox::-moz-selection,
.radio::-moz-selection,
.checkbox::selection,
.radio::selection {
    background: transparent;
}

.checkbox input+span,
.radio input+span {
    background: transparent;
    content: "";
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}

.checkbox input+span::after,
.radio input+span::after {
    content: "";
    display: block;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .2s;
    transition: 200ms ease-in-out;
}

@media screen and (min-width: 768px) {

    .checkbox:hover input+span,
    .radio:hover input+span {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    }
}

.checkbox input:active+span,
.radio input:active+span {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}


/*.checkbox input:focus + span,
.radio input:focus + span {
  box-shadow: 0 0 0 3px #69BAFF;
}*/

.checkbox input:checked+span::after,
.radio input:checked+span::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.checkbox input,
.radio input {
    position: absolute;
    cursor: pointer;
    opacity: 0;
}

.checkbox input+span {
    border-radius: 5px;
}

.checkbox input+span::after {
    content: "\2713 ";
    background-size: contain;
    width: 100%;
    height: 100%;
    font-size: 18px;
    text-align: center;
    color: #DE0436;
    font-weight: 600;
}

.radio input+span {
    border-radius: 100%;
    border: 2px solid #005DAC;
    box-sizing: border-box;
    margin-right: 10px;
}

.radio input:checked+span {
    border: 0px solid #005DAC;
}

.checkbox input+span {
    border: 2px solid #005DAC;
    box-sizing: border-box;
    margin-right: 10px;
}

.checkbox input:checked+span {
    border: 2px solid #005DAC;
}

.radio input+span::after {
    border-radius: 100%;
    width: 100%;
    height: 100%;
}

.radio input:checked+span::after {
    background: #DE0436;
}


/*
Disable by class on label Wrap,
also gets rid of the hover shadow

section .radio.input_disabled,
section .checkbox.input_disabled,
section .radio.input_disabled:hover,
section .checkbox.input_disabled:hover{
    color : #888;
    box-shadow: none;
}
section .radio.input_disabled input+span,
section .checkbox.input_disabled input+span,
section .radio.input_disabled input+span:hover,
section .checkbox.input_disabled input+span:hover{
    border: 2px solid #888;
    box-shadow: none;
}
*/

.radio>input:disabled+span,
.radio>input:disabled+span:hover .checkbox>input:disabled+span,
.checkbox>input:disabled+span:hover {
    border: 2px solid #888;
    box-shadow: none;
}

.radio>input:disabled+span+span,
.radio>input:disabled+span+span+span,
.checkbox>input:disabled+span+span,
.checkbox>input:disabled+span+span+span {
    color: #888;
}


/* ==================== Main Menu Header ==================== */

#mainMenu_header {
    background: #005DAC;
    height: 32px;
}

div#mega-menu-wrap-max_mega_menu_1.menuFixed {
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    z-index: 101 !important;
    width: 100% !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3) !important;
}

.menuIcons.menuIconsFixed {
    top: 0px !important;
}

.mainMenu_header-logo {
    display: inline-block;
}

.mainMenu_header-logo {
    z-index: 102;
    position: fixed;
    top: 36px;
}

.mainMenu_header-logo>a>img {
    height: 40px;
    width: auto;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.search_icon>img {
    display: inline-block;
}

.menuIcons {
    position: absolute;
    top: 32px;
    right: -5px;
    z-index: 3;
    display: inline-flex;
    height: 40px;
    background: #fff;
}

.menuIcons a {
    cursor: pointer;
}

.menuIcons a img {
    height: 48px;
    padding: 12px;
}

.mainMenu_header-nav .menuIconSupport {
    display: inline-block;
    padding-right: 10px;
    top: 8px;
    position: relative;
    height: 27px;
    width: auto;
}

.desktopMenu {
    position: relative;
}

.mainMenu_header-content {
    position: relative;
    display: inline-flex;
    line-height: 32px;
    float: right;
    font-size: 13px;
}

.mainMenu_header-content li {
    padding-left: 0px;
}

@media(max-width:768px) {
    #mainMenu_header {
        display: none;
    }

    .desktopMenu,
    .mainMenu_header-content {
        display: none;
    }

    .mainMenu_header-logo .header-logo-desktop {
        display: none;
    }

    .mainMenu_header-logo .header-logo-mobile {
        display: block !important;
    }
}

@media(min-width:600px) {
    .mobileMenu {
        display: none;
    }
}

.mainMenu_header-nav {
    display: inline-block;
    height: 32px;
}

.mainMenu_header-nav>li>a {
    color: #fff;
    display: block;
    padding: 0px 15px;
}

.mainMenu_header-nav>li>a:hover {
    background: #0975D0;
}

.mainMenu_header-nav>li {
    display: inline-block;
    cursor: pointer;
    float: left;
}

#mainMenu_header .nav_icons {
    display: inline-flex;
    margin-left: 20px;
}

#mainMenu_header .nav_icons .nav_icons-item {
    display: inline-flex;
    border-radius: 100%;
    height: 150px;
    width: 150px;
    top: -50px;
    position: relative;
    color: #fff;
    font-weight: 600;
}

#mainMenu_header .nav_icons .nav_icons-item a {
    cursor: pointer;
}

#mainMenu_header .nav_icons .nav_icons-item:nth-child(1) {
    background: #DE0436;
}

#mainMenu_header .nav_icons .nav_icons-item:nth-child(1) span {
    padding-left: 12px;
}

#mainMenu_header .nav_icons .nav_icons-item:nth-child(2) {
    background: #0975D0;
    margin-left: -60px;
}

#mainMenu_header .nav_icons .nav_icons-item:nth-child(2) span {
    padding-left: 8px;
}

#mainMenu_header .nav_icons .nav_icons-item:nth-child(3) {
    background: #69BAFF;
    margin-left: -60px;
}

#mainMenu_header .nav_icons .nav_icons-item:nth-child(3) a:nth-child(1) {
    margin-left: 25px;
}

#mainMenu_header .nav_icons .nav_icons-item:nth-child(3) a:nth-child(2) {
    margin-left: 10px;
}

#mainMenu_header .nav_icons .nav_icons-item span,
#mainMenu_header .nav_icons .nav_icons-item img {
    margin-top: 50px;
}

#mainMenu_header .nav_icons .nav_icons-item img {
    display: inline-block;
    height: 40px;
    width: 40px;
    padding: 5px;
}

a.search_icon>.searchInput {
    position: relative;
    top: 0px;
    width: 0px;
    height: 28px;
    opacity: 0;
    padding: 0px;
    display: inline-flex;
    height: 100%;
    overflow: hidden;
}

a.search_icon>.searchInput input[type="text"] {
    border-radius: 500px;
    height: 30px;
    position: absolute;
    top: 5px;
}

a.search_icon>.searchInput input[type="submit"] {
    position: absolute;
    top: 5px;
    right: 0px;
    height: 30px;
    padding: 0px 10px;
}

.menuIconsMobile a.search_icon>.searchInput input[type="text"] {
    position: relative;
    top: 5px;
}

.mobileMenuFixed {
    /*position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 48px !important;*/
    display: none;
}

#mobileMenuFooter .menuIconsMobile {
    top: 0px;
    right: 0px;
    background: transparent !important;
    position: relative !important;
    display: flex !important;
}

#mobileMenuFooter .menuIconsMobile .search_icon img {
    display: none;
}

#mobileMenuFooter .menuIconsMobile .menuIconSupport {
    height: 48px;
    margin-bottom: -19px;
}

#mobileMenuFooter .menuIconsMobile a:first img {
    padding-left: 0px;
}

#mobileMenuFooter .menuIconsMobile .supportField {
    margin-left: auto;
}

#mobileMenuFooter .menuIconsMobile .umzug_icon img {
    padding-left: 0px;
}

#mobileMenuFooter .menuIconsMobile .cart_toggle {
    display: none;
}

.searchInputMobile {
    opacity: 1 !important;
    position: relative;
    height: 20px;
    margin: auto;
}


/*Searchbox Menu Mobile*/

.mega-menu-item-45562>ul {
    display: block !important;
    visibility: visible !important;
}

.mega-menu-item-45562>a {
    display: none !important;
}

.mega-menu-item-custom_html-12 {
    margin-top: 10px !important;
}


/*Searchbox Menu Mobile*/

.searchInputMobile input[type="submit"] {
    position: absolute;
    top: 5px;
    right: 0px;
    height: 30px;
    padding: 0px 10px;
    -webkit-appearance: none;
}

.searchInputMobile input[type="text"] {
    border-radius: 500px;
    height: 30px;
    position: absolute;
    top: 5px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #mega-toggle-block-4 {
        position: absolute;
        top: 0px;
        right: 0px;
    }
}

#mobileMenuFooter .menuIconSupport {
    display: inline-block;
    height: 30px;
    margin-bottom: -10px;
    padding-right: 10px;
}

#mobileMenuFooter a {
    color: #0975D0;
}

#mobileMenuFooter .mmf_links {
    display: flex;
    margin-top: 30px;
}

#mobileMenuFooter .mmf_links>a {
    /*width: 33.3%;*/
    width: 50%;
}

#mobileMenuFooter .mmf_links>a:nth-child(1) {
    /*text-align: left;*/
    text-align: center;
}

#mobileMenuFooter .mmf_links>a:nth-child(2) {
    text-align: center;
}

#mobileMenuFooter .mmf_links>a:nth-child(3) {
    text-align: right;
}

#mainMenu_header.mobileMenuFixed>.wrapper-1200 {
    margin-left: 20px;
}

.header-nav-menuToggle>div {
    position: absolute;
    top: 32px;
    left: 0px;
    z-index: 1001;
    background: #fff;
    height: 0px;
    overflow: hidden;
    line-height: 28px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
}

.header-nav-menuToggle>div>ul {
    /*border-top: 3px solid #3198EF;*/
}

.header-nav-menuToggle>div li {
    border-bottom: 1px solid #eee;
    transition: 200ms ease-in-out;
}

.header-nav-menuToggle>div li:hover {
    /*color: #0975D0;*/
    background: #EBF6FF;
}

.header-nav-menuToggle>div li:not(:last-child) a {
    /*border-bottom: 1px solid #3198EF;*/
}

.header-nav-menuToggle>div li a {
    white-space: nowrap;
    width: 90%;
    margin: 0 auto;
    color: #005dac;
    display: block;
    padding: 0px;
    margin: 0px;
    width: 100%;
    padding: 5px 20px;
}

.header-nav-menuToggle>div li::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 3px;
    border-left: 0px solid #3198EF;
    transition: inherit;
}

.header-nav-menuToggle>div li:hover::before {
    content: "";
    border-left: 3px solid #3198EF;
}


/* ==================== Arrow Buttons ==================== */

.iWay_arrow {
    cursor: pointer;
    background-color: #07B8AC;
    display: inline-block;
    outline: 0;
    border-radius: 25px;
    padding: 18px 36px;
    transition: all ease-in-out 200ms;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+IDwvZz4gPGc+ICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICA8cGF0aCBpZD0ic3ZnXzEiIGZpbGw9IiNmZmZmZmYiIGQ9Im0yNC4yOTEsMTQuMjc2bC05LjU4NiwtOS41ODZjLTAuODc4LC0wLjg3OCAtMi4zMTcsLTAuODc4IC0zLjE5NSwwbC0wLjgsMC44Yy0wLjg3OCwwLjg3NyAtMC44NzgsMi4zMTYgMCwzLjE5NGw3LjMxNCw3LjMxNmwtNy4zMTUsNy4zMTVjLTAuODc4LDAuODc4IC0wLjg3OCwyLjMxNyAwLDMuMTk0bDAuOCwwLjhjMC44NzgsMC44NzkgMi4zMTcsMC44NzkgMy4xOTUsMGw5LjU4NiwtOS41ODdjMC40NzIsLTAuNDcxIDAuNjgyLC0xLjEwMyAwLjY0NywtMS43MjNjMC4wMzYsLTAuNjE5IC0wLjE3NCwtMS4yNTEgLTAuNjQ2LC0xLjcyM3oiLz4gPC9nPjwvc3ZnPg==);
    background-size: 20px;
    background-position: 50% 50%;
}

.iWay_arrow:hover {
    background-color: #009389;
    animation: arrowMove 400ms ease-in-out;
}

.iWay_borderArrow {
    cursor: pointer;
    border: 2px solid #005DAC;
    display: inline-block;
    outline: 0;
    border-radius: 25px;
    padding: 18px 36px;
    transition: all ease-in-out 200ms;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgeD0iLTEiIHk9Ii0xIiB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgZmlsbD0ibm9uZSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZD0ibTI0LjI5MSwxNC4yNzZsLTkuNTg2LC05LjU4NmMtMC44NzgsLTAuODc4IC0yLjMxNywtMC44NzggLTMuMTk1LDBsLTAuOCwwLjhjLTAuODc4LDAuODc3IC0wLjg3OCwyLjMxNiAwLDMuMTk0bDcuMzE0LDcuMzE2bC03LjMxNSw3LjMxNWMtMC44NzgsMC44NzggLTAuODc4LDIuMzE3IDAsMy4xOTRsMC44LDAuOGMwLjg3OCwwLjg3OSAyLjMxNywwLjg3OSAzLjE5NSwwbDkuNTg2LC05LjU4N2MwLjQ3MiwtMC40NzEgMC42ODIsLTEuMTAzIDAuNjQ3LC0xLjcyM2MwLjAzNiwtMC42MTkgLTAuMTc0LC0xLjI1MSAtMC42NDYsLTEuNzIzeiIgZmlsbD0iIzAwNWRhYyIgaWQ9InN2Z18xIi8+IDwvZz48L3N2Zz4=);
    background-size: 20px;
    background-position: 50% 50%;
}

.iWay_borderArrow:hover {
    border-color: #3198EF;
    animation: arrowMove 400ms ease-in-out;
}

.study-item .iWay_borderArrow,
.study-item .iWay_arrow {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.study-item div {
    margin-bottom: 40px;
}

@keyframes arrowMove {
    0% {
        background-position-x: 50%;
    }

    50% {
        background-position-x: 130%;
    }

    51% {
        background-position-x: -30%;
    }

    100% {
        background-position-x: 50%;
    }
}


/* ==================== Checker in Intro Header ==================== */


/*
.block_intro_checker{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(0,93,172,0.9);
}

.block_intro_checker form{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
*/

@media(max-width: 768px) {
    .contentBlock_rightCol>div {
        height: 300px !important;
    }
}

.contentBlock_rightCol>div {
    height: 100%;
    /*background-position: 50% 50% !important;*/
}

.contentBlock_rightCol>div {
    background-repeat: no-repeat !important;
}

.iWidget_contentBlock .btn {
    margin-bottom: 5px;
}

@media(max-width: 768px) {
    .iWidget_contentBlock .btn {
        position: relative;
        left: 50%;
        transform: translate(-50%, 0%);
    }
}

.block_intro_checker {
    position: absolute !important;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(4, 29, 58, 0.8);
}

.block_intro_checker>form {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}


/* ==================== Side Box Text ==================== */

.iWidget_sideBoxWithText.sbwt_right {
    margin-left: 20%;
}

.iWidget_sideBoxWithText.sbwt_left {
    margin-right: 20%;
}

.iWidget_sideBoxWithText.sbwt_right .col_12 {
    background: #ebf6fe;
    padding: 30px 20% 30px 120px;
    border-radius: 500px 0px 0px 500px;
}

.iWidget_sideBoxWithText.sbwt_left .col_12 {
    background: #ebf6fe;
    padding: 30px 120px 30px 20%;
    border-radius: 0px 500px 500px 0px;
}

@media(max-width: 768px) {
    .iWidget_sideBoxWithText.sbwt_right {
        margin-left: 10%;
    }

    .iWidget_sideBoxWithText.sbwt_left {
        margin-right: 10%;
    }

    .iWidget_sideBoxWithText.sbwt_right .col_12 {
        padding: 25px;
        border-radius: 25px 0px 0px 25px;
    }

    .iWidget_sideBoxWithText.sbwt_left .col_12 {
        padding: 25px 25px 25px 35px;
        border-radius: 0px 25px 25px 0px;
    }
}


/* ==================== CtA Banner ==================== */
/* 04.09.23/PK: Rückwärtskompatibilität */
.ctaBanner_wrap {
    background: #005DAC;
    border-radius: 500px;
    padding: 20px 100px;
}
.ctaBanner_title,
.ctaBanner_text {
    color: #fff;
}
.ctaBanner_title {
    font-size: 20px;
    margin-bottom: 10px;
}
.ctaBanner_text {
    padding-right: 20px;
}
.ctaBanner_wrap .col_10 {
    padding-top: 0;
}
.iWidget_ctaBanner .btn {
    margin: auto;
    width:100%;
}

.iWidget_ctaBanner .count_2 .btn.second {
    margin-top: 5px;
}

.iWidget_ctaBanner .btn:hover {
    background: #3AD6CC;
}

.ctaBanner_wrap>div {
    padding: 0px !important;
}

.no-scroll {
    overflow: hidden;
}
/* PK: CTA-Typ auswerten */
.iWidget_ctaBanner .col_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}
.iWidget_ctaBanner.ctatype_0 .ctaBanner_text {
    margin-bottom: 0;
}
/* Es hat einen Zähler darauf, der 0, 1, 2 ausgeben kann, also die Anzahl der Buttons. */
.iWidget_ctaBanner .count_1 .btn {
    flex: 0 0 auto;
    margin: auto;
    display:inline-block;
}
.iWidget_ctaBanner .btn-img {
    flex: 0 0 auto;
    display:inline-block;
    text-align: right;
    margin-top: auto; 
    margin-bottom: auto; 
}
.iWidget_ctaBanner .btn-img img {
    margin-top: 2px; 
    margin-bottom: 1px; 
    max-width: 150px;
}
@media(max-width: 1000px) {
    .iWidget_ctaBanner .col_2,
    .iWidget_ctaBanner .col_10 {
        width:100%;
        max-width: 100%;
    }

    .iWidget_ctaBanner .col_10 {
        margin-bottom: 10px;
    }

    .iWidget_ctaBanner .col_2 {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-direction: row;
        margin-top:15px;
    }
    .iWidget_ctaBanner .row {
        flex-direction:column;
    }
    .iWidget_ctaBanner .btn {
        margin: 0;
        width: auto;
    }
    .iWidget_ctaBanner .count_2 .btn.second {
        margin-top: 0;
}
    .iWidget_ctaBanner.padding-ver-60 {
        padding-top: 30px;
        padding-bottom: 30px;
}
}
@media(max-width: 768px) {
    .iWidget_ctaBanner .ctaBanner_wrap {
        border-radius: 0px;
        width: 110%;
        max-width: initial;
        margin-left: -5%;
        padding: 20px 50px;
    }

    .iWidget_ctaBanner .ctaBanner_text {
        margin: 0px 0px 0 0px;
        padding-right: 0px;
    }
    /* PK: CTA-Typ Text kein Abstand gegen unten */
    .iWidget_ctaBanner.ctatype_0 .ctaBanner_text {
        margin-bottom:3px;
}
.ctaBanner_title {
        margin-bottom: 20px;
}


    .iWidget_ctaBanner .col_2 {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
}

.iWidget_ctaBanner .btn {
        margin-bottom: auto;
        margin-top:auto;
        width:46%;
}

    .iWidget_ctaBanner a.btn-img  {

        margin-bottom: 3px;
}

}
.no-scroll {
    overflow: hidden;
}
/* =================== END CtA Banner =================== */

/* ==================== Domain Boxes ==================== */

.iWidget_domainBoxes .header {
    width: 70%;
}

.iWidget_domainBoxes .header {
    border-top: 1px solid #005DAC;
    border-bottom: 1px solid #005DAC;
    border-right: 1px solid #005DAC;
    background: transparent;
}

.iWidget_domainBoxes .header::before {
    box-sizing: content-box;
    border-top: 1px solid #005DAC;
    border-bottom: 1px solid #005DAC;
    background: transparent;
    top: -1px;
}

.iWidget_domainBoxes .header>img {
    margin: auto;
    height: 60px;
    width: auto;
}

section.iWidget_domainBoxes h2 {
    margin-bottom: 20px;
}

section.iWidget_domainBoxes h3 {
    margin-bottom: 50px;
}

section.iWidget_domainBoxes .tbl-col .price {
    margin-bottom: 10px;
}

section.iWidget_domainBoxes .tbl-col .modalIcon {
    cursor: pointer;
    color: #0975D0;
    display: block;
}


/* ==================== Net Backup Boxes ==================== */

section.iWidget_netBackupBoxes .box .header h3 {
    padding: 10px 0px;
    font-size: 28px;
    margin-bottom: 0px;
    text-transform: none;
}

section.iWidget_netBackupBoxes h2 {
    margin-bottom: 20px;
    text-align: center;
}

section.iWidget_netBackupBoxes h3 {
    margin-bottom: 50px;
    text-align: center;
    text-transform: none;
}

section.iWidget_netBackupBoxes .txt {
    /*white-space: pre-line;*/
    text-align: left;
}

section.iWidget_netBackupBoxes .openModal {
    color: #0975D0;
    cursor: pointer;
    display: block;
}

section.iWidget_netBackupBoxes .price {
    margin-bottom: 10px;
}


/* ==================== Mail Boxes ==================== */

section.iWidget_mailBoxes h2 {
    margin-bottom: 20px;
}

section.iWidget_mailBoxes h3 {
    margin-bottom: 50px;
    text-transform: none;
}

section.iWidget_mailBoxes .boxIcon {
    font-size: 50px;
    color: #005DAC;
    display: block;
}

section.iWidget_mailBoxes .boxList {
    display: inline-block;
    text-align: left;
}

section.iWidget_mailBoxes .boxTitel {
    margin: 25px;
    color: #005DAC;
}

section.iWidget_mailBoxes .boxList>li {
    padding: 0px 0 0px 30px;
    text-indent: -13px;
}

section.iWidget_mailBoxes .boxList>li>i {
    padding-right: 10px;
}

.box_noShadow,
.box_noShadow:hover {
    box-shadow: 0px 0px 0px #fff !important;
}


/* ==================== Hosting Boxes ==================== */

section.iWidget_hostingBoxes .box .header h3 {
    font-size: 28px;
    padding-left: 3px;
    margin-bottom: 0px;
}

section.iWidget_hostingBoxes h2 {
    margin-bottom: 20px;
}

section.iWidget_hostingBoxes h3 {
    margin-bottom: 50px;
}

section.iWidget_hostingBoxes .txt {
    white-space: pre-line;
    text-align: left;
}

section.iWidget_hostingBoxes .openModal {
    color: #0975D0;
    cursor: pointer;
    display: block;
    margin-bottom: 20px;
}

section.iWidget_hostingBoxes .boxList {
    display: inline-block;
    text-align: left;
    padding: 15px 0px;
}

section.iWidget_hostingBoxes .boxList>li {
    padding-left: 0px;
    text-indent: -12px;
    margin-left: 2em;
}

section.iWidget_hostingBoxes .boxList>li>i {
    padding-right: 10px;
}

section.iWidget_hostingBoxes .header p {
    font-size: 14px;
    margin: 0px;
    padding-left: 3px;
}

section.iWidget_hostingBoxes .header {
    text-align: left;
}

.iWidget_hostingBoxes .textPreis {
    padding: 10px;
    font-size: 18px;
}


/* ==================== Testimonials 3-Col ==================== */

section.iWidget_testimonials3 h2 {
    margin-bottom: 20px;
}

section.iWidget_testimonials3 h3 {
    margin-bottom: 50px;
}

section.iWidget_testimonials3 .row {
    margin-top: 10px;
    margin-bottom: 50px;
}

.iWidget_testimonials3 .laquo {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 30px;
    color: #bbb;
    line-height: 30px;
}

.iWidget_testimonials3 .raquo {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 30px;
    color: #bbb;
    line-height: 30px;
}

.iWidget_testimonials3 .tbl-row p {
    white-space: pre-line;
    text-align: left;
}

.iWidget_testimonials3 .box,
.iWidget_testimonials3 .box:hover {
    padding: 15px 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
}

.iWidget_testimonials3 .box::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 20%;
    border: 1em solid black;
    border-color: transparent transparent #fff #fff;
    transform: rotate(-45deg) translate(-50%, 0%);
    box-shadow: -5px 5px 5px rgba(0, 0, 0, .05);
}

.iWidget_testimonials3 .testimonialFooter {
    position: absolute;
    margin-top: 20px;
    /*left: 20%;*/
    padding-left: 30px;
}

.iWidget_testimonials3 .testimonialFooter>div {
    display: inline-block;
    position: relative;
    top: 0px;
    left: 10px;
    transform: translate(0%, -25%);
}

.iWidget_testimonials3 .testimonialFooter>img {
    display: inline-block;
    height: 60px;
    width: auto;
    border-radius: 500px;
    display: inline-block;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
}

.iWidget_testimonials3 .testimonialFooter>div>label {
    font-weight: 600;
    color: #005dac;
}

.iWidget_testimonials3 .box p {
    margin: 0px;
}

@media(max-width: 768px) {
    .iWidget_testimonials3 .testimonialCol {
        margin-bottom: 100px;
    }
}

.iWidget_testimonials3.iWidget_b2btestimonials3 .testimonialFooter {
    left: 0px;
    width: 100%;
}

.iWidget_testimonials3.iWidget_b2btestimonials3 .testimonialFooter>img {
    width: auto;
   /* height: 100px;
    max-width: 90%;
     padding: 12.5px 0px 25px 12.5px; */
    margin: 10px auto;
    border-radius: 0px;
    box-shadow: none;
    display: block;
}

.iWidget_testimonials3.iWidget_b2btestimonials3 .testimonialFooter>div {
    transform: none;
    padding: 10px 20px;
    position: unset;
    display: block;
    text-align: center;
    /* margin-left: 12.5px; */
}

.iWidget_b2btestimonials3 .testimonialCol {
    margin-bottom: 80px;
}

.iWidget_testimonials3.iWidget_b2btestimonials3 .box::after {
    left: 48%;
}
.iWidget_testimonials3.iWidget_b2btestimonials3 .b2b3-btn {
    margin: auto;
    display: block;
    width: fit-content;
    position: relative;
    /* left: 12.5px; */
}
@media(min-width: 768px) {
    section.iWidget_testimonials3 { /* PK: Block von oben hierher verschoben, damit alle Media-Blöcke vereint sind. */
        padding-bottom: 175px;
    }
    .iWidget_b2btestimonials3 .testimonialCol:nth-child(n+4) { /* PK: Verhindert Überlappung von Testimonials gegen oben. */
        margin-top: 180px;
    }
}
@media(max-width: 768px) {
    section.iWidget_testimonials3 { /* PK: Unten mehr Abstand, würde nachstehende Blöcke überlappen. */
        padding-bottom: 100px;
    }
    .iWidget_b2btestimonials3 .testimonialCol {
        margin-bottom: 150px; /* PK: Abstand kleiner, von 250 auf 150 */
    }
    .iWidget_testimonials3.iWidget_b2btestimonials3 .testimonialFooter>img {
        padding: 0px;
        /*
        width: 200px;
        height: auto;
        */
        height: 100px;
        width: auto;
}

    .iWidget_b2btestimonials3 .testimonialCol:nth-child(n+2) { /* PK: Verhindert Überlappung von Testimonials gegen oben. */
        margin-top: 150px;
}
}

/* ==================== Testimonials 1-Col ==================== */

section.iWidget_testimonials1 h2 {
    margin-bottom: 20px;
}

@media(min-width: 768px) {
    section.iWidget_testimonials1 {
        padding-bottom: 155px;
    }
}

section.iWidget_testimonials1 h3 {
    margin-bottom: 50px;
}

.iWidget_testimonials1 .laquo {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 30px;
    color: #bbb;
    line-height: 30px;
}

.iWidget_testimonials1 .raquo {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 30px;
    color: #bbb;
    line-height: 30px;
}

.iWidget_testimonials1 .tbl-row p {
    white-space: pre-line;
    text-align: left;
}

.iWidget_testimonials1 .box,
.iWidget_testimonials1 .box:hover {
    padding: 15px 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
}

.iWidget_testimonials1 .box.noImg::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 20%;
    border: 1em solid black;
    border-color: transparent transparent #fff #fff;
    transform: rotate(-45deg) translate(-50%, 0%);
    box-shadow: -5px 5px 5px rgba(0, 0, 0, .05);
}

.iWidget_testimonials1 .box.withImg::after {
    content: "";
    position: absolute;
    top: 20%;
    right: -4px;
    border: 1em solid black;
    border-color: transparent transparent #fff #fff;
    transform: rotate(-135deg) translate(-50%, 0%);
    box-shadow: -5px 5px 5px rgba(0, 0, 0, .05);
}

.iWidget_testimonials1 .testimonialFooter {
    position: absolute;
    margin-top: 40px;
    left: 20%;
}

.iWidget_testimonials1 .testimonialFooter>div {
    display: inline-block;
    position: relative;
    top: 0px;
    left: 10px;
    transform: translate(0%, -25%);
}

.iWidget_testimonials1 .withImg .testimonialFooter>div {
    text-align: center;
}

.iWidget_testimonials1 .withImg .testimonialFooter img {
    margin-bottom: 10px;
}

.iWidget_testimonials1 .testimonialFooter>img {
    display: inline-block;
    height: 60px;
    width: auto;
    border-radius: 500px;
    display: inline-block;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
}

.iWidget_testimonials1 .withImg .testimonialFooter>img {
    display: inline-block;
    height: 120px;
    width: auto;
    border-radius: 500px;
    display: inline-block;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6);
}

.iWidget_testimonials1 .testimonialFooter>div>label {
    font-weight: 600;
    color: #005dac;
}

.iWidget_testimonials1 .box p {
    margin: 0px;
}

@media(max-width: 768px) {
    .iWidget_testimonials1 .testimonialCol {
        margin-bottom: 100px;
    }

    .iWidget_testimonials1 .row.withImg {
        display: none;
    }
}

@media(min-width: 768px) {
    .iWidget_testimonials1 .row {
        max-width: 70%;
        margin: auto;
    }

    .iWidget_testimonials1 .row.noImg {
        display: none;
    }
}

.gfo_hide {
    display: none;
}

.iWidget_testimonials1.iWidget_b2btestimonials1 .testimonialFooter img {
    width: 200px;
    height: auto;
    border-radius: 0px;
    box-shadow: none;
}

.iWidget_testimonials1.iWidget_b2btestimonials1 .testimonialFooter>div {
    left: 0px;
}

@media(max-width: 768px) {
    .iWidget_b2btestimonials1 .testimonialCol {
        margin-bottom: 50px;
    }

    .iWidget_testimonials1.iWidget_b2btestimonials1 .testimonialFooter img {
        width: 120px;
    }

    .iWidget_testimonials1.iWidget_b2btestimonials1 .testimonialFooter {
        left: 30px;
    }
}


/* ==================== Cloud Calculator (Changed 21.07.23/PK) ==================== */
.iWidget_cloudcalc h2 {
    margin-bottom: 0;
}
.iWidget_cloudcalc .col_4 {
    display: block;
}
.iWidget_cloudcalc .row.row-1,
.iWidget_cloudcalc .row.row-2 {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    clear: both;
}
.iWidget_cloudcalc .row-3 {
    display:block;
    font-weight:bold;
    margin: 35px 0 0 0;
    border-top: 1px solid #CCCCCC;
}
.iWidget_cloudcalc .row-3 .col_4 {
    display: block;
    margin: 0 0 0 0;
    padding:0;
    width:100%;
    max-width: unset;
    text-align:right;
}  
.iWidget_cloudcalc .row-3 .col_4 * {
    padding: 0 5px 0 0;
    margin:0;
}
.iWidget_cloudcalc .row-3 .col_4 .total {
    color:#0975D0;
    font-size:25px;
    display: inline;
    padding: 5px 5px 5px 0;
}
.iWidget_cloudcalc .calclabel {
    text-align: left;
    display: block;
color:#0975D0;
    font-weight:bold;
    width: 100%;
}
.iWidget_cloudcalc .calclabel span {
    display:block;
    width:100%;
}
.iWidget_cloudcalc .calclabel img {

}
.iWidget_cloudcalc .hold_field {
        display: block;
padding-top:10px;
    width:100%;
}
.iWidget_cloudcalc .hold_field input,
.iWidget_cloudcalc .hold_field select#calc_windows {
    width: calc(100% - 70px);
    margin:0 0 0 0;
}
.iWidget_cloudcalc .hold_field img.calcimg {
    float:left;
    margin: 2px 10px 0 0;
    padding: 0;
}

/* ==================== Tables ==================== */

table.tablepress thead th {
    background: #eee;
}

table.tablepress tbody td,
table.tablepress thead th {
    border: 1px solid #ccc;
}

.dataTables_wrapper {
    overflow-x: auto;
    padding-bottom: 5px;
}

.dataTables_wrapper::-webkit-scrollbar {
    height: 10px;
    background: transparent;
}

.dataTables_wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0px 0px 100px #ccc;
    border-radius: 10px;
    background-color: transparent;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.dataTables_wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0975D0;
}

.dataTables_wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #3198EF;
}


/* ==================== FAQ ==================== */

.iWidget_FAQ .faq_content {
    display: none;
}

.iWidget_FAQ .faq_title {
    /*display: inline-block;
    user-select: none;*/
    padding: 15px 50px 15px 0px;
}

.iWidget_FAQ .faq_box {
    border-bottom: 1px solid #ccc;
}

.iWidget_FAQ .faq_content {
    padding-bottom: 10px;
    white-space: pre-line;
    border-top: 1px solid rgb(0, 93, 172);
    padding-top: 30px;
    margin-bottom: 20px;
}

section.iWidget_FAQ .radio input:checked+span::after {
    background: #0975D0;
}

.iWidget_FAQ .faq-boxToggle {
    height: 32px;
    width: 32px;
    position: absolute;
    right: 0px;
    top: 12px;
    background: #07B8AC;
    border-radius: 500px;
}

.iWidget_FAQ .faq-boxToggle:after,
.iWidget_FAQ .faq-boxToggle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 2px;
    width: 16px;
    border-radius: 5px;
    background: #fff;
    transition: 250ms ease-in-out;
}

.iWidget_FAQ .faq-boxToggle:before {
    transform: translate(-50%, -50%) rotateZ(180deg);
    opacity: 0;
}

.iWidget_FAQ .faq-boxToggle.toggleClosed:after {
    transform: translate(-50%, -50%) rotateZ(180deg);
}

.iWidget_FAQ .faq-boxToggle.toggleClosed:before {
    transform: translate(-50%, -50%) rotateZ(90deg);
    opacity: 1;
}


/* ==================== 3er Foto Box ==================== */

.iWidget_3erFotoBox header h3 {
    margin-bottom: 10px;
    font-size: 24px;
}

.iWidget_3erFotoBox header h4 {
    font-size: 16px;
}

.ptg [class*=col_] a>div {
    position: relative;
    color: #FFF;
    transition: all ease-in-out .3s
}

.ptg [class*=col_] a>div:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, .63) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, .63) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, .63) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a1000000', GradientType=0);
    position: absolute;
    z-index: 0
}

.ptg [class*=col_] a>div.ptg-sec-1 {
    height: 250px;
    /*background: url(../images/pg1.jpg) no-repeat center center;*/
    background-size: cover
}

@media all and (min-width:769px) {
    .ptg [class*=col_] a>div.ptg-sec-1 {
        height: 525px
    }
}

.ptg [class*=col_] a>div.ptg-sec-2 {
    height: 250px;
    margin-bottom: 15px;
    /*background: url(../images/pg2.jpg) no-repeat center center;*/
    background-size: cover
}

@media all and (min-width:769px) {
    .ptg [class*=col_] a>div.ptg-sec-2 {
        margin-bottom: 25px
    }
}

.ptg [class*=col_] a>div.ptg-sec-3 {
    height: 250px;
    /*background: url(../images/pg3.jpg) no-repeat center center;*/
    background-size: cover
}

.ptg [class*=col_] a>div header {
    position: absolute;
    z-index: 1;
    left: 25px;
    bottom: 25px;
    transition: all ease-in-out .3s
}

.ptg [class*=col_] a>div header h4 {
    text-transform: none;
    font-size: .8em
}

.ptg [class*=col_] a {
    display: block;
    overflow: hidden
}

.ptg [class*=col_] a:hover>div header {
    transform: scale(1.2) translate(25px, 0)
}

section header h3 {
    margin-bottom: 50px;
    text-transform: none;
}


/* ==================== Footer ==================== */

#colophon {
    height: 150px;
    background: #005DAC;
    margin-top: 300px;
}

#colophon>.row {
    position: relative;
}

#colophon>.row>.col_left {
    background: #D7E8F7;
    position: absolute;
    height: 300px;
    width: 300px;
    border-radius: 500px;
    top: -200px;
    left: 50px;
    padding: 60px;
    padding-top: 100px;
    text-align: right;
}

#colophon>.row>.col_left>a {
    color: #005dac;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
}

#colophon>.row>.col_left>.row {
    transform: translate(-35%, 0%);
    position: absolute;
    right: 0px;
    top: 160px;
}

#colophon>.row>.col_left>.row>.col_3 {
    padding-left: 10px;
    padding-top: 0px;
}

#colophon>.row>.col_left>.row img {
    height: 30px;
    width: 30px;
}

#colophon>.row>.col_right {
    background: #D7E8F7;
    position: absolute;
    height: 300px;
    border-radius: 500px 0px 0px 500px;
    top: -200px;
    right: 0px;
    padding: 35px;
}

#colophon>.row>.col_right>.row {
    padding-left: 40px;
    position: absolute;
    top: 50%;
    transform: translate(0%, -30%);
}

#colophon>.row>.col_right>.row>.col_4 {
    border-left: 1px solid #6F6F6F;
    padding: 0px;
}

#colophon>.row>.col_right>.row>.col_4>a {
    height: 100%;
    width: 100%;
    display: block;
    padding: 15px;
}

#colophon>.row>.col_right>.row>.col_4>a:hover {
    background: #EBF6FF;
}

#colophon>.row>.col_right>.row>.col_4>a>h4 {
    color: #005DAC;
    font-size: 17px;
}

#colophon>.row>.col_right>.row>.col_4>a>p {
    color: #6F6F6F;
    padding-top: 10px;
}


/* ==================== Default Boxen ==================== */

section.iWidget_defaultBoxes .box {
    border-radius: 0px;
}

section.iWidget_defaultBoxes .box .txt {
    color: #0975D0;
}

section.iWidget_defaultBoxes h2 {
    margin-bottom: 0px;
}

section.iWidget_defaultBoxes h3 {
    margin-bottom: 30px;
}

section.iWidget_defaultBoxes .openModal {
    color: #0975D0;
    cursor: pointer;
    display: block;
    margin-bottom: 0px;
    margin-top: 10px;
}


/* ==================== Senderliste ==================== */

@media(max-width: 1280px) {
    .senderlist .col_3 {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media(max-width: 1024px) {
    .senderlist .col_3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(max-width: 768px) {
    .senderlist .col_3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* SenderPakete (Modal) */

.senderBox {
    margin: 0px;
}

.senderBox>div {
    text-align: center;
    padding-right: 20px;
    padding-bottom: 20px;
}

div#gfo_senderlist_app .senderlist .sender_header {
    height: 100px;
    margin-bottom: 10px;
}

div#gfo_senderlist_app .senderlist .sender_header>div:nth-child(1) {
    position: absolute;
    top: 20px;
    left: 20px;
}

div#gfo_senderlist_app .senderlist .sender_header>div:nth-child(2) {
    position: absolute;
    top: 20px;
    right: 20px;
}

div#gfo_senderlist_app .senderlist .sender_categories {
    margin-bottom: 10px;
    margin-top: 20px;
}

div#gfo_senderlist_app .senderlist .sender_tag {
    display: block;
    font-size: 14px;
    line-height: 14px;
}

div#gfo_senderlist_app .senderlist .sender_block {
    /*margin-right: -15px;*/
}

div#gfo_senderlist_app .senderlist .sender_block_i {
    border: 2px solid #1b5faa;
    border-radius: 5px;
    min-height: 200px;
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
}

div#gfo_senderlist_app .senderlist {
    margin-top: 30px;
    margin-right: 0px;
}

div#gfo_senderlist_app .btn_select,
div#gfo_senderlist_app .btn_print {
    border: 1px solid #165191 !important;
    background: #fff !important;
    color: #1b5faa !important;
    margin: 2px !important;
    padding: 4px 6px;
    border-radius: 5px !important;
    cursor: pointer;
}

div#gfo_senderlist_app .btn_select:hover {
    background: #eee !important;
}

div#gfo_senderlist_app .btn_print:active {
    border: 1px solid #165191 !important;
    background: #1b5faa !important;
    color: #fff !important;
}

div#gfo_senderlist_app .btn_print:disabled {
    border: 1px solid #aaa !important;
    background: #fff !important;
    color: #aaa !important;
    cursor: not-allowed !important;
}

div#gfo_senderlist_app .btn_select:focus {
    outline: 0 !important;
}

div#gfo_senderlist_app .btn_selected {
    border: 1px solid #165191 !important;
    background: #1b5faa !important;
    color: #fff !important;
}

div#gfo_senderlist_app .sender_block_tags {
    max-width: 49% !important;
    flex: 0 0 49% !important;
}

div#gfo_senderlist_app .tags_selction_title {
    margin-top: 80px !important;
}

div#gfo_senderlist_app .region_selction_title {
    margin-top: 30px !important;
}

.senderBox img,
.gfo_tv_sender_template img {
    max-height: 50px;
    width: auto;
    margin: 0 auto;
    margin-bottom: 10px;
}

.gfo_tv_sender_template .row {
    margin: 0px;
}

.senderBox [class*="col_"],
.gfo_tv_sender_template [class*="col_"] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    outline: 2px solid #eee;
    padding: 20px !important;
}

.gfo_tv_sender_template [class*="col_"] span {
    text-align: center;
}

@media (max-width: 768px) {

    .senderBox [class*="col_"],
    .gfo_tv_sender_template [class*="col_"] {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* ==================== Cards ==================== */

.iWidget_cards .cardwrap {
    width: 100%;
    height: 380px;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    border-radius: 5px;
}

.iWidget_cards h2,
.iWidget_cards h3 {
    color: #fff;
}

.iWidget_cards .front h2 {
    text-align: center;
    margin: 10px 0px;
}

.iWidget_cards .front h3 {
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
}

.iWidget_cards .back h2 {
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
    font-size: 18px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    padding-bottom: 10px;
}

.iWidget_cards .card {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    border-radius: 5px;
}

.iWidget_cards .face {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 5px;
    overflow: hidden;
}

.iWidget_cards .back {
    overflow: hidden;
    z-index: -1;
    display: block;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-sizing: border-box;
}

.iWidget_cards .back:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: 100% 100%;
    background: #005dac;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.iWidget_cards .front,
.iWidget_cards .back {
    transition: all .5s linear;
}

.iWidget_cards .front {
    background: #005dac;
    z-index: 1;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.iWidget_cards .back {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.19);
}

.iWidget_cards .flipped,
.iWidget_cards .hovercard:hover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.iWidget_cards .flipped .front,
.iWidget_cards .hovercard:hover .front {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.19);
}

.iWidget_cards .flipped .back,
.iWidget_cards .hovercard:hover .back {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.iWidget_cards .bottext {
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 0 0 10px 10px;
    text-align: center;
}

.iWidget_cards .bottext>p {
    margin-bottom: 20px;
}

.iWidget_cards .bottext span {
    font-size: 24px;
}

.iWidget_cards .back ul,
.iWidget_cards .front ul {
    text-align: center;
    list-style: none;
}

.iWidget_cards .back ul li,
.iWidget_cards .front ul li {
    margin-top: 15px;
    padding: 0px;
}

.iWidget_cards .cardbtn {
    text-decoration: none;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    display: block;
    padding: 10px 0px;
}

.iWidget_cards .cardbtn:hover {
    background: rgba(0, 0, 0, 0.3);
}

.iWidget_cards .flipInfo {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    transform: translate(0%, 100%);
    transition: 300ms ease-in-out;
    background: rgba(0, 0, 0, 0.2);
}

.iWidget_cards .card:hover .flipInfo {
    transform: translate(0%, 0%);
}


/* ==================== 3CX Boxes V1/Light ==================== */

.iWidget_3cxBoxesLight .box_title {
    font-size: 28px !important;
    text-transform: none;
}


/* ==================== Search Page ==================== */

section.searchResults h1 {
    font-size: 32px;
    color: #3198EF;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #3198EF;
}

section.searchResults h2 {
    margin-bottom: 10px;
    display: inline-block;
}

section.searchResults h2,
.searchResultTitle::before,
.searchResultTitle::after {
    font-size: 24px;
    font-weight: 600;
    color: #005DAC;
}

@media(max-width: 768px) {
    .searchResults #main.site-main {
        min-height: 650px;
    }

    .searchResults .searchResultExcerpt {
        margin: 0px 0px 10px 0px;
    }

    .searchResults .searchResult:not(:last-child) {
        margin-bottom: 10px !important;
        padding-bottom: 10px !important;
    }

    section.searchResults h2,
    .searchResults .searchResultTitle::before,
    .searchResults .searchResultTitle::after {
        font-size: 21px;
    }
}

.searchResults .searchResult:not(:last-child) {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.searchResults .breadCrumbRow {
    margin: 0px;
}

.searchResults .breadCrumbRow span {
    padding: 0px 5px;
}

.searchResults .breadCrumbRow span:last-child {
    display: none;
}

.searchResults #searchPagination,
.searchResults #searchResults-wrapper,
.searchResults .searchResults-page {
    display: none;
}

.searchResults #searchResults-wrapper {
    padding-bottom: 100px;
}

.searchResults #searchPagination {
    text-align: center;
    margin-top: 50px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0px);
}

.searchResults #main {
    min-height: 800px;
    height: 100%;
    position: relative;
}

.searchResults #searchPagination {
    text-align: center;
    margin-top: 50px;
    user-select: none;
    width: 100%;
}

.searchResults #searchPagination .searchPage {
    display: inline-block;
    background: #07B8AC;
    border: 1px solid #07B8AC;
    color: #fff;
    padding: 7px 10px;
    margin: 0px 3px;
    transition: 150ms ease-in-out;
}

.searchResults #searchPagination .searchPage[data-pagination="prev"] i {
    padding-right: 5px;
}

.searchResults #searchPagination .searchPage[data-pagination="next"] i {
    padding-left: 5px;
}

.searchResults #searchPagination .searchPage.searchPageActive {
    background: transparent;
    color: #6F6F6F;
}

@media (min-width: 769px) {
    .searchResults #searchPagination .searchPage:hover {
        background: transparent;
        color: #6F6F6F;
        cursor: pointer;
    }
}


/* ==================== Markdown ==================== */

.mdToHtml ul {
    list-style-type: initial;
    display: block;
    /*inline-block*/
    text-align: left;
    padding: 15px 0px;
}

.mdToHtml ul li {
    padding-left: 0px;
    text-indent: 0px;
    margin-left: 2em;
}


/* ==================== Footer ==================== */

footer {
    width: 100%;
    background: #707070;
    margin-top: 60px;
    padding: 20px 0px;
}

footer>.row {
    max-width: 1440px;
    margin: auto;
}

footer .ft_block {
    border-left: 1px solid #fff;
    padding-left: 10px;
    margin-bottom: 20px;
}

footer .ft_link {
    color: #fff;
    display: block;
}

footer .ft_link-1 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

footer .ft_link-2 {
    font-size: 13px;
    transition: 100ms ease-in-out;
}

footer .ft_link-2:hover {
    font-size: 13px;
    color: #ddd
}

footer .logoCol img {
    width: 100%;
    height: auto;
    max-width: 200px;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    pointer-events: none;
}

footer .socialIconCol .socialIcon {
    display: inline-block;
    margin: 5px;
}

footer .socialIconCol a img {
    width: 25px;
    height: auto;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    transition: all 200ms ease-in-out;
    /*filter: invert(53%) sepia(86%) saturate(2691%) hue-rotate(141deg) brightness(99%) contrast(94%);*/
}

footer .socialIconCol a img:hover {
    transform: scale(1.25);
}

footer .nl_title {
    margin-top: 20px;
}

footer .formcraft-css .fc-form {
    box-shadow: none !important;
    min-width: 50px !important;
}

footer .formcraft-css .icon-mail {
    display: none !important;
}

footer .formcraft-css .submit-button {
    color: #707070 !important;
    background: #fff !important;
}

footer .formcraft-css .submit-button .text {
    text-shadow: none !important;
}

footer .formcraft-css .fc-form .form-page-content {
    padding: 0px !important;
}

footer .formcraft-css .fc-form .error {
    top: 3px !important;
    right: 3px !important;
    background: transparent !important;
}

footer .contact_form {
    padding: 0px;
    padding-right: 15px;
}

footer .contact_form label {
    color: #fff;
}

@media(max-width: 768px) {
    footer .row.hideOnDesktop .col_2 {
        flex: 50%;
    }

    footer .row.hideOnDesktop .col_2:nth-child(1),
    footer .row.hideOnDesktop .col_2:nth-child(2) {
        padding-top: 0px;
    }

    footer .row.hideOnDesktop .col_2 .ft_block {
        margin-bottom: 5px;
    }
}

@media(max-width: 768px) {
    footer .row.hideOnDesktop .col_2 {
        flex: 50%;
    }

    footer .row.hideOnDesktop .col_2:nth-child(1),
    footer .row.hideOnDesktop .col_2:nth-child(2) {
        padding-top: 0px;
    }

    footer .row.hideOnDesktop .col_2 .ft_block {
        margin-bottom: 5px;
    }
}


/* ==================== Blog Post ==================== */

section.iWidget_blogPost h1 {
    font-size: 40px;
    font-weight: 700;
    color: #005DAC;
    margin-bottom: 50px
}

section.iWidget_blogPost h2 {
    margin-top: 50px;
    margin-bottom: 10px
}

section.iWidget_blogPost ul {
    list-style-type: initial !important;
    padding-left: 20px !important;
}

section.iWidget_blogPost li {
    padding: unset !important;
}

.btn.blog_backlink {
    margin: 20px 0px;
    border: 2px solid #3198EF;
    color: #3198EF;
    background: #fff;
}

.btn.blog_backlink:hover {
    border: 2px solid #0975D0;
    color: #0975D0;
}

/* Blog Info */
.wp-block-lazyblock-blog-info-block ol,
.wp-block-lazyblock-blog-info-block ul {
    padding-left: 20px !important;
}

/*
#colophon{
    height: 150px;
    background: #005DAC;
    margin-top: 150px;
}

#colophon > .row{
    position: relative;
}

#colophon > .row > .col_left{
    background: #D7E8F7;
    position: absolute;
    height: 200px;
    width: 200px;
    border-radius: 500px;
    top: -120px;
    left: 50px;
    padding: 35px;
    text-align: right;
}

#colophon > .row > .col_left > a{
    color: #005dac;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
}

#colophon > .row > .col_left > .row{
    transform: translate(-20%, 0%);
    position: absolute;
    right: 0px;
    top: 100px;
}

#colophon > .row > .col_left > .row > .col_3{
    padding-left: 10px;
    padding-top: 0px;
}

#colophon > .row > .col_left > .row img{
    height: 30px;
    width: 30px;
}

#colophon > .row > .col_right{
    background: #D7E8F7;
    position: absolute;
    height: 200px;
    border-radius: 500px 0px 0px 500px;
    top: -120px;
    right: 0px;
    padding: 35px;
}

#colophon > .row > .col_right > .row{
    padding-left: 40px;
    position: absolute;
    top: 50%;
    transform: translate(0%, -30%);
}

#colophon > .row > .col_right > .row >.col_4{
    border-left: 1px solid #6F6F6F;
    padding: 0px;
}

#colophon > .row > .col_right > .row >.col_4 > a{
    height: 100%;
    width: 100%;
    display: block;
    padding: 15px;
}

#colophon > .row > .col_right > .row >.col_4 > a:hover{
    background: #EBF6FF;
}

#colophon > .row > .col_right > .row >.col_4 > a > h4{
    color: #005DAC;
    font-size: 17px;
}

#colophon > .row > .col_right > .row >.col_4 > a > p{
    color: #6F6F6F;
    padding-top: 10px;
}
*/


/* ==================== VC ==================== */

.block_availability_check>div {
    text-align: center;
}

.block_availability_check>div>h3 {
    margin-top: 30px;
    font-size: 22px;
    color: #005dac;
}

.block_availability_check>div>div {
    margin-top: 30px;
}

.block_availability_check .radio input:checked+span::after {
    background: #fff;
}


/* ==================== Tooltip ==================== */

[data-tooltip] {
    position: relative;
    white-space: nowrap;
}

[data-tooltip]:before {
    display: none;
    transition: 500ms cubic-bezier(0, -0.55, 0.25, 1);
    content: '';
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #0975D0;
    color: #fff;
    position: absolute;
    top: 40px;
    left: 50%;
    z-index: 4;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

[data-tooltip]:after {
    /*transition: 500ms cubic-bezier(0.65, -0.55, 0.25, 1.55);*/
    transition: 400ms cubic-bezier(0, -0.55, 0.25, 1);
    visibility: hidden;
    opacity: 0;
    transform: scale(0) translate(100%, 100%);
    content: attr(data-tooltip);
    position: absolute;
    top: 45px;
    left: 0px;
    padding: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background: #0975D0;
    color: #fff;
    z-index: 5;
    font-size: 14px;
    border-radius: 6px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.menuIcons [data-tooltip]:before {
    left: 0px;
}

.menuIcons [data-tooltip]:after {
    border-radius: 500px;
    padding: 5px 15px;
    transform: translate(-50%, 0%);
    left: 50%;
}


/* ==================== Table Icons ==================== */

.tbi_y {
    height: 20px;
    width: 20px;
    border-radius: 20px;
    background: #005dac;
}

.tbi_n {
    height: 20px;
    width: 20px;
    border-radius: 20px;
    border: 2px solid #DE0436;
}

.tbi_o {
    height: 20px;
    width: 20px;
    border-radius: 20px;
    border: 2px solid #005dac;
}


/* ==================== Cart ==================== */

#mainCart {
    position: fixed;
    top: 112px;
    right: 0px;
    z-index: 9999;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 400px;
    max-width: 100%;
    padding: 15px;
    color: #3198EF;
    display: none;
    overflow: hidden;
}

#mainCart .cart_title {
    left: -400px;
    margin-left: -30px;
    padding-left: 50px;
}

#mainCart .cart_close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    cursor: pointer;
}

.cart_title {
    position: absolute;
    left: 0px;
    top: 20px;
    height: 50px;
    line-height: 50px;
    background: #3198EF;
    color: #fff;
    padding: 0px 20px;
    border-radius: 0px 500px 500px 0px;
    font-size: 18px;
    font-weight: 600;
}


/* Title height + top offset - wrapper padding */

.title_push {
    height: 55px;
    margin-bottom: 10px;
}

.cart_table {
    width: 100%;
    background: transparent;
}

.cart_table>thead>tr>th {
    font-weight: 300;
}

.cart_table>tbody>tr>td:not(:first-child),
.cart_positions>thead>tr>th {
    text-align: right;
}

.cart_table .subtotal td {
    border-top: 2px solid #eee;
}

.cart_summary>tbody>tr:first-child,
.cart_total>tbody>tr:first-child {
    font-weight: 600;
}

.table_space {
    height: 15px;
}

.gfo_hr {
    margin: 5px 0px;
    border-top: 1px solid #777;
}

.gfo_hrLight {
    border-top: 1px solid #eee;
}

.cart_wrapper .iWay_btn {
    margin: 20px auto;
    width: 150px;
    display: block;
    padding: 10px 0px;
    text-align: center;
}

.cart_edit {
    text-align: center;
    display: block;
}

.negative {
    color: #DE0436;
    font-weight: 600;
}

table.cart_table>tbody>tr>td:nth-child(1),
table.cart_table>thead>tr>th:nth-child(1) {
    width: 50%;
}

table.cart_table>tbody>tr>td:nth-child(2),
table.cart_table>thead>tr>th:nth-child(2) {
    width: 25%;
    color: #3198EF;
}

table.cart_table>tbody>tr>td:nth-child(3),
table.cart_table>thead>tr>th:nth-child(3) {
    width: 25%;
    color: #3198EF;
}

table.cart_table td,
table.cart_table tr {
    padding: 5px 10px;
}

.hideBlob {
    animation: hideBlob 400ms forwards;
}

@keyframes hideBlob {
    0% {
        margin-left: -60px;
    }

    100% {
        margin-left: -150px;
    }
}

.hideCartIcon {
    animation: hideCartIcon 400ms forwards;
}

@keyframes hideCartIcon {
    0% {
        opacity: 1;
        width: 40px;
        margin-left: 25px;
    }

    100% {
        opacity: 0;
        width: 0px;
        margin-left: 0px;
    }
}

.expandSearchBlob {
    animation: expandSearchBlob 400ms forwards;
    animation-delay: 400ms;
}

@keyframes expandSearchBlob {
    0% {
        width: 150px;
        margin-left: -60px;
    }

    100% {
        width: 250px;
        margin-left: -150px;
    }
}

.expandSearchInput {
    animation: expandSearchInput 400ms forwards;
    animation-delay: 400ms;
}

@keyframes expandSearchInput {
    0% {
        width: 0px;
        opacity: 0;
    }

    100% {
        width: 175px;
        opacity: 1;
    }
}

.showBlob {
    animation: showBlob 400ms forwards;
    animation-delay: 400ms;
}

@keyframes showBlob {
    0% {
        margin-left: -150px;
    }

    100% {
        margin-left: -60px;
    }
}

.showCartIcon {
    animation: showCartIcon 400ms forwards;
    animation-delay: 400ms;
}

@keyframes showCartIcon {
    0% {
        opacity: 0;
        width: 0px;
        margin-left: 0px;
    }

    100% {
        opacity: 1;
        width: 40px;
        margin-left: 25px;
    }
}

.collapseSearchBlob {
    animation: collapseSearchBlob 400ms forwards;
}

@keyframes collapseSearchBlob {
    0% {
        width: 250px;
        margin-left: -150px;
    }

    100% {
        width: 150px;
        margin-left: -60px;
    }
}

.collapseSearchInput {
    animation: collapseSearchInput 400ms forwards;
}

@keyframes collapseSearchInput {
    0% {
        width: 175px;
        opacity: 1;
    }

    100% {
        width: 0px;
        opacity: 0;
    }
}


/* ==================== Profity ==================== */

.profityImg {
    width: 150px;
    margin: auto;
}

.profityBox {
    margin: 50px 0px;
}

.row .contactBox:not(:first-child) {
    border-left: 1px solid #595959;
}

.contactBox {
    padding: 20px;
}

.profityTitle {
    margin-top: 50px;
}


/* ==================== Alert Boxes ==================== */

.alertDanger {
    background: #ffe4e9;
    border: 2px solid #dd0b36;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, .15);
}

.alertWarning {
    background: #fff7de;
    border: 2px solid #ffc300;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, .15);
}

.alertSuccess {
    background: #f0ffef;
    border: 2px solid #3bbe2c;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, .15);
}

.alertPrimary {
    background: #ebf6fe;
    border: 2px solid #3198EF;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, .15);
}


/* ==================== Try&Buy Badge ==================== */

.tnb_badge {
    background: #DE0436;
    position: absolute;
    border-radius: 500px;
    text-align: center;
    text-decoration: none;
    padding: 25px;
    line-height: 1.2;
    box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.2);
    z-index: 1;
    bottom: 10px;
    right: 10px;
    /*display: none;*/
}

.tnb_badge h2 {
    text-transform: uppercase;
    margin: 5px 24px;
    font-size: 38px;
    color: #fff;
}

.tnb_badge span {
    font-size: 19px;
    color: #fff;
}

.tnb_sideBadge {
    background: #dd0b36;
    color: #fff;
    font-size: 20px;
    border-radius: 500px 0px 0px 500px;
    padding: 25px 15px;
    position: fixed;
    top: 50%;
    right: -60px;
    z-index: 2;
    box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.2);
    transition: all 150ms ease-in-out;
    cursor: pointer;
}

.tnb_sideBadge:hover {
    box-shadow: 0px 13px 13px rgba(0, 0, 0, 0.2);
}

.tnb_sideBadge.sb_visible {
    right: 0px;
}

.tnb_sideBadge.sb_visible:active {
    transform: scale(1.075);
}

.tnb_badge.tnb_badge2 {
    top: 50%;
    bottom: initial;
    position: fixed;
    z-index: 1;
    transform: translate(calc(100% + 20px), -20px);
}

.tnb_badge.tnb_badge2.sb_open {
    transform: translate(calc(0% - 20px), -20px);
}

.tnb_sideBadge:active,
.tnb_sideBadge:hover,
.tnb_sideBadge:visited,
.tnb_sideBadge:link {
    color: #fff;
    text-decoration: none;
}

@media(max-width: 768px) {
    .tnb_badge {
        padding: 15px;
        line-height: 1.2;
    }

    .tnb_badge h2 {
        margin: 5px 24px;
        font-size: 32px;
    }

    .tnb_badge span {
        font-size: 18px;
    }

    .tnb_badge.tnb_badge2 {
        transform: translate(calc(100% + 10px), -10px);
    }

    .tnb_badge.tnb_badge2.sb_open {
        transform: translate(calc(0% - 10px), -10px);
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .tnb_badge.tnb_badge2 {
        height: 120px;
        transform: translate(270px, -20px) !important;
    }

    .tnb_badge.tnb_badge2.sb_open {
        transform: translate(-20px, -20px) !important;
    }
}


/*
#mega-menu-wrap-max_mega_menu_1 {
    z-index: 1;
}

section.intro {
    overflow: initial !important;
}

section.intro>.intro_availability_check {
    position: relative !important;
}*/

.formcraft-css .powered-by {
    display: none !important;
}

/* ==================== LiveZilla Chat ==================== */


/*
#lz_overlay_wm{
    right: -100px !important;
    animation: fadeInChat 0.5s 5s cubic-bezier(0.9, 0, 0.2, 1.5) forwards;
  }
  
  #lz_overlay_wm::after{
    content: "";
    height: 0%;
    width: 0%;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid #1b5faa;
    border-radius: 100px;
    padding: 10px;
    opacity: 1;
    transform: translate(-50%, -50%);
    animation: pingChat 0.5s 5.5s cubic-bezier(0.9, 0, 0.25, 0.65) forwards;
  }
  
  @keyframes fadeInChat{
    100%{
      right: 0px;
    }
  }
  
  @keyframes pingChat{
    50%{
      opacity: 1;
    }
    100%{
      height: 100%;
      width: 100%;
      opacity: 0;
    }
  }*/

.lz_text_link {
    display: none !important;
}


/* Verfügbarkeits Checker DropDown */

.vc_results {
    color: #005dac;
    position: absolute !important;
}

.vc_resultsPlace {
    margin-top: 50px;
    padding-left: 5px !important;
}

.vc_resultsStreet,
.vc_resultsHousenr {
    margin-top: 0px;
    padding-left: 0px !important;
    padding-right: 5px;
}

.vc_results>.form-group {
    background: #fff;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

@media(max-width: 768px) {
    .vc_results>.form-group {
        max-height: 200px;
        overflow-y: scroll;
    }
}

.vc_resultsPlace>.form-group {
    top: 33px;
}

.vc_results .vc_result {
    padding: 3px 10px;
}

.vc_results .vc_result:hover {
    background: #EBF6FF;
    cursor: pointer;
}

#PopupCheckerApp .vc_resultsPlace {
    top: -5px;
    padding-left: 20px !important;
    padding-right: 10px;
}

#PopupCheckerApp .vc_resultsStreet,
#PopupCheckerApp .vc_resultsHousenr {
    top: 40px;
    padding-right: 20px;
}

#PopupCheckerApp {
    overflow-y: unset;
}

#PopupCheckerApp .vc_results .form-group {
    /*padding: 0px 5px;*/
}

@media(max-width: 768px) {
    #PopupCheckerApp .vc_results .vc_result {
        font-size: 16px;
        padding: 2px 5px;
    }

    #PopupCheckerApp .vc_resultsPlace {
        padding-left: 15px !important;
        padding-right: 15px;
    }

    #PopupCheckerApp .vc_resultsStreet,
    #PopupCheckerApp .vc_resultsHousenr {
        padding-right: 15px;
    }
}


/*Warenkorb Anzahl Produkte*/

#cartCounter {
    top: 18px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    right: 10px;
    font-family: 'Lato';
    position: absolute;
    transform: translate(10px, -16px);
    background: red;
    text-align: center;
    color: #fff;
    border-radius: 500px;
    z-index: 1;
}

@keyframes anim6 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.anim6 {
    animation: 250ms anim6 ease-in-out;
}

.gfo_cart_toggle_button {
    position: relative;
}


/* Header V2 (New CD/CI) */

.headerV2 .intro_availability_check {
    height: 650px;
    max-width: 1920px !important;
}

section.headerV2 .box-check {
    background: rgba(0, 0, 0, 0.25);
    /*box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 30px 30px;*/
    padding: 20px !important;
    margin: 0px;
    border-radius: 10px;
    margin-top: 200px;
}

section.headerV2 .box-check h1 {
    font-size: 48px !important;
    text-transform: none !important;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}

section.headerV2 .box-check .headerV2_subTitle {
    font-size: 20px !important;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}

section.headerV2 .wrapper-1200 {
    height: 100%;
}

@media(max-width: 768px) {
    section.headerV2 .box-check h1 {
        font-size: 38px !important;
    }
}
/* 26.07.2023/PK: Box einen minimalen Abstand von links geben */
@media(max-width: 1280px) {
    section.headerV2 .box-check {
        margin-left: 10px;
    }
}


/* Availability Checker (New CD/CI) */

.availability-check-new .availability_check_bg {
    padding: 100px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    /*box-shadow: 0 0 12px rgb(0 0 0 / 30%);*/
    max-width: 1920px;
    margin: auto;
}

.availability-check-new .block_availability_check form {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    padding: 10px;
}

.availability-check-new .vc_check_by-box {
    margin-top: 20px;
    text-align: left;
}

.availability-check-new .vc_check_by-box .vc_choiceCircle,
.availability-check-new .vc_check_by-box .vc_choiceLabel {
    color: #005dac;
}

.availability-check-new .radio input:checked+span::after {
    background: #005dac;
}

.availability-check-new .vc_col {
    padding: 5px !important;
}

.availability-check-new .vc_title {
    text-align: left;
    color: #005dac;
    font-weight: 600;
    font-size: 32px;
    text-transform: none;
    margin-bottom: 15px;
}

.availability-check-new.vc_minimal .vc_title {
    font-size: 26px;
    margin-bottom: 0px;
    padding-left: 10px;
}

.availability-check-new .vc_text {
    text-align: left;
    float: left;
    color: #000;
    font-weight: 600;
    font-size: 17px;
    text-transform: none;
}

.availability-check-new.vc_minimal .vc_text {
    color: #6F6F6F;
    font-weight: 400;
    font-size: 15px;
    text-shadow: none;
}

.availability-check-new.vc_minimal .availability_check_bg {
    background-image: none !important;
    background-color: #d9d9d9 !important;
    padding: 20px 0px;
}

.availability-check-new.vc_minimal .vc_form_col {
    margin-top: 0px !important;
    padding-top: 0px;
}

.availability-check-new.vc_minimal .block_availability_check form {
    background: transparent !important;
}

.availability-check-new .vc_output {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    padding: 0px 10px;
    color: #000;
    max-height: 650px;
    overflow-y: auto;
    text-align: left;
}

.availability-check-new.vc_minimal .vc_resultsPlace,
.availability-check-new.vc_default .vc_resultsPlace {
    margin-top: 0px;
    padding-right: 5px;
}

.availability-check-new.vc_minimal .vc_resultsStreet,
.availability-check-new.vc_default .vc_resultsStreet,
.availability-check-new.vc_minimal .vc_resultsHousenr,
.availability-check-new.vc_default .vc_resultsHousenr {
    margin-top: -5px;
    padding-right: 10px;
}

.availability-check-new .vc_text {
    color: #fff;
    text-shadow: 0 0 4px #000;
}


/* Töpfern */

.availability-check-new.theme1 .availability_check_bg {
    background-image: url(/wp-content/uploads/2021/05/VC-bgr2.jpg);
    background-position: 77% 40%;
}


/* Hip-Hop */

.availability-check-new.theme2 .availability_check_bg {
    background-image: url(/wp-content/uploads/2021/05/VC-Breakdance_2.8.jpg);
    background-position: 25% 25%;
}


/*.availability-check-new.theme2 .vc_text{
  color: #fff !important;
}*/


/* Theater */

.availability-check-new.theme3 .availability_check_bg {
    background-image: url(/wp-content/uploads/2021/05/VC-Theater-3CG03341.jpg);
    background-position: 75% 70%;
}


/*.availability-check-new.theme3 .vc_text{
  color: #fff !important;
}*/


/* Rock Band */

.availability-check-new.theme4 .availability_check_bg {
    background-image: url(/wp-content/uploads/2021/05/VC-Band.jpg);
    background-position: 75% 50%;
}


/*.availability-check-new.theme4 .vc_text{
    color: #fff !important;
}*/


/* Birdeye View */

.availability-check-new.theme5 .availability_check_bg {
    background-image: url(/wp-content/uploads/2021/06/vc-bgr3.jpg);
    background-position: 50% 0%;
}


/* Neutral */

.availability-check-new.theme6 .availability_check_bg {
    background-image: url(/wp-content/uploads/2021/07/iway-verfuegbarkeit-checker-neutral.jpg);
    background-position: 50% 25%;
}

/* Balkone */
.availability-check-new.theme7 .availability_check_bg {
    background-image: url("/wp-content/uploads/2022/10/verfuegbarkeitschecker-iway.jpg");
    background-position: 50% 50%;
}

.availability-check-new.theme7 .vc_title {
    color: #fff;
    text-shadow: 0 0 4px #000;
}

/*.availability-check-new.theme6 .vc_text{
    color: #fff;
    text-shadow: 0 0 5px #000;
}*/


/* Formcraft New CD/CI */

form.fc-form .button {
    text-shadow: #088c83 !important;
    background: #07b8ac !important;
}

form.fc-form .button:hover {
    background: #088c83 !important;
}

@media(max-width: 768px) {
    .availability-check-new .availability_check_bg {
        padding: 30px 0px;
        background-image: none !important;
    }

    .availability-check-new .vc_title {
        font-size: 20px;
    }

    .availability-check-new .vc_text {
        color: #6F6F6F;
        font-size: 15px;
        font-weight: 400;
        text-shadow: none;
    }

    .availability-check-new.theme6 .vc_text {
        color: #000 !important;
        text-shadow: none;
    }

    .availability-check-new .block_availability_check form {
        background: transparent;
    }

    .availability-check-new .vc_from_col {
        margin-top: 0px;
    }
}

@media (min-width: 769px) {
    section.iWidget_availability-check form [class*=col_]:last-child input[type=submit] {
        right: 0px;
        bottom: 7px;
        top: unset;
        left: unset;
    }
}


/*Unser Element*/

.unser-element-supporter figure {
    background-size: 65% !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}

.unser-element-supporter .button-zentriert {
    text-align: center;
}

.unser-element-supporter .button-zentriert .margin-right-15 {
    margin-right: 0px;
}

.unser-element-supporter .bottom-0 {
    margin-bottom: 0px !important;
}

@media(max-width: 768px) {
    .iWidget_contentBlock .unser-element-supporter .btn {
        left: 0 !important;
        transform: none !important;
    }
}


/*END Unser Element*/


/* News/Blog */

.blog-suche #ajaxsearchlite1 {
    width: 100%;
    z-index: 1;
}

.hidden-blog {
    display: none;
}

.bdp-post-grid-main.bdp-design-2 .bdp-post-grid-content {
    text-align: left;
}

.bdp-post-grid-main.bdp-design-2 .bdp-no-thumb-image .bdp-post-margin-content {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border: none;
}

.bdp-post-pagination .current {
    color: #6F6F6F;
    border: 1px solid #07B8AC;
}

.bdp-post-pagination a,
.bdp-post-pagination a {
    background: #07B8AC;
    border: 1px solid #07B8AC;
}

.blog-button-active {
    background-color: #009389;
}

.bdp-post-meta span.bdp-post-meta-innr {
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    margin-left: 0px;
}

@media(max-width: 768px) {
    .btn-blog {
        position: relative;
        left: 0 !important;
        transform: none !important;
    }

    .blog-suche {
        width: 100% !important;
        margin-bottom: 30px !important;
        margin-top: 15px !important;
    }

    .blog-suche div.asl_w.asl_m {
        width: 100% !important;
    }
}

.bdp-post-grid-main.bdp-design-2 .bdp-post-grid-content {
    padding-bottom: 0px !important;
    max-width: 100%;
    margin: 0px !important;
}

.bdp-post-grid-main.bdp-design-2 .bdp-post-margin-content {
    max-width: 100% !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 0px;
}

.bdp-post-image-bg {
    display: none;
}


/* END News/Blog */


/* ACF Offer Block (Offer 4) */

.iWidget_offer .offer_4-box {
    box-shadow: 0 0 12px rgba(0, 0, 0, 20%)
}

.iWidget_offer .offer_4-text {
    padding: 20px;
}

.iWidget_offer .offer_4-text .btn {
    display: block;
    width: fit-content;
    width: -moz-fit-content;
    margin: auto;
    margin-top: 20px;
}


/* iWay Chats */


/*.umm-1jfznrn,*/

iway-bot {
    display: none !important
}


/*.umm-1jfznrn.showChat{
    display: block !important
}*/

iway-bot.showChat {
    display: block !important
}


/* Userlike Icon t�rkis / REMOVED BECAUSE OF IFRAME */


/*.frame-1ki3t3n.e13411jb0 {
	background-color: #07B8AC !important;
}*/


/*Neuer VC Schriftfarbe*/

.availability-check-new .trackCheckerSubmit span {
    color: #005dac !important;
    border-color: #005dac !important;
}


/* Icons Widget */

.iWidget_icons {
    background: #005DAC;
}

.iWidget_icons .widgetIconCol {
    text-align: center;
    color: #ffffff;
    margin: auto;
}

.iWidget_icons .widgetIconCol i {
    font-size: 80px;
}

.iWidget_icons .widgetIconCol h3 {
    margin: 15px 0px;
    font-size: 22px;
}

.iWidget_icons h2 {
    color: #ffffff;
    text-align: center;
    margin-bottom: 50px !important;
}

@media(max-width: 768px) {
    .iWidget_icons .widgetIconCol i {
        font-size: 50px;
    }

    .iWidget_icons .widgetIconCol h3 {
        font-size: 18px;
    }
}

.iWidget.iWidget_productBoxes .external-link {
    margin-top: 15px;
    display: block;
}


/* Slider */

.carousel-wrap {
    height: 650px;
    max-width: 1920px !important;
    box-shadow: 0 0 12px rgb(0 0 0 / 30%);
    overflow: hidden;
    margin: 0 auto;
}

.carousel {
    display: flex;
    transition: 1s;
}

.slider {
    flex-basis: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.slider .wrapper-1200 {
    position: absolute !important;
}

.carousel-controls {
    background: rgba(0, 0, 0, 0.2);
    height: 36px;
    padding: 0px 5px;
    border-radius: 500px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}

.carousel-controls .slide {
    height: 18px;
    width: 18px;
    border: 1px solid #fff;
    margin: auto 7px;
    border-radius: 500px;
    cursor: pointer;
    transition: 150ms ease-in-out;
}

.carousel-controls .slide:hover {
    background: rgba(255, 255, 255, 0.4);
}

.carousel-controls .slideActive {
    background: #fff !important;
}

.carousel-prev,
.carousel-next {
    margin: 0px 7px;
    cursor: pointer;
    color: white;
    text-align: center;
    font-size: 28px;
    line-height: 36px;
}

/* Suchleiste Blog */

#ajaxsearchlite2[id*='ajaxsearchlite'].wpdreams_asl_container {
    width: 100%;
}

.blog-suche .asl_w_container {
    width: 100%;
}


/*Blog Tabelle Hellblau */

.wp-block-lazyblock-blog-post .wp-block-table thead tr {
    background-color: #edf5fa !important;
}

.wp-block-lazyblock-blog-post .wp-block-table tbody td {
    background-color: #edf5fa !important;
}

.wp-block-lazyblock-blog-post .wp-block-table thead tr th {
    padding: 8px 15px;
}


/* Cookie-Banner */

.cli-tab-footer .wt-cli-privacy-accept-btn,
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
    border-radius: 500px;
}

.cli-tab-footer .wt-cli-privacy-accept-btn,
.cli-switch input:checked+.cli-slider {
    background-color: #07B8AC;
}

.cli-style-v2 {
    font-size: 11px;
}
#cookie-law-info-bar .cli_settings_button {
    margin-left: 0px !important;
    margin-bottom: 15px !important;
  }


/*Produktbox Fair Use Policy*/

.iWidget_productBoxes .tbl-col {
    position: relative;
    padding-bottom: 10px;
}

.iWidget_productBoxes .fair-use {
    font-size: 13px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
}


/*GFO Mobile Senderliste*/

.gfo_tv_sender_template {
    overflow-x: hidden;
}

.gfo_app_mobile .gfo_tv_sender_template.configuratorModal img {
    max-height: 50px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.gfo_app_mobile .gfo_tv_sender_template.configuratorModal .row [class*="col_"] {
    text-align: center;
    /*margin-left: auto;
    margin-right: auto;*/
}


/*Dealbox*/

.iWidget_offer .box-2 .hl {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}


/*Blog Table*/

.wp-block-table.blog-table thead tr {
    background: #005dac !important;
    color: #fff;
}

.wp-block-table.blog-table tbody tr:nth-child(2n+1) {
    background: #edf5fa !important;
}

.wp-block-table.blog-table tbody td {
    background: transparent;
    background-color: transparent !important;
}

.wp-block-table.blog-table {
    border: 1px solid #edf5fa;
}


/*myKMU Produktbox Anzahl Kanal ausblenden*/

.iWidget_3cxBoxesLight .bind_channels {
    display: none;
}


/*Kombo-Zusatz: Umbruch nicht mehr ignorieren*/

section.iWidget_productBoxes .additional-offers .txt {
    white-space: pre-line;
}

section.iWidget_productBoxes .additional-offers h2 {
    margin-bottom: 0px;
}


/*Footer*/

footer .col_13 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

footer>.row {
    max-width: 1200px;
}

footer .icon-position {
    text-align: center;
}

footer .ft_block {
    border-left: none;
}

footer .hideOnMobile .col_13:nth-child(1) {
    padding-left: 0px;
}

footer .hideOnMobile .bilanz-badge img {
    margin-top: 10px !important;
}

footer .nl-button {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

footer .hideOnMobile {
    margin-bottom: 20px;
}

@media(max-width: 900px) and (min-width: 550px) {
    footer .row.hideOnDesktop .col_2 {
        flex: 25%;
        padding-top: 0px;
    }

    footer .row.hideOnDesktop .col_2 {
        flex: 25%;
        padding-top: 0px;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    footer .icon-position,
    footer .bilanz-badge {
        flex: 50%;
    }

    footer .icon-position {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    footer .socialIconCol {
        margin-top: 20px;
    }

    footer .bilanz-badge img {
        margin-left: 0px !important;
    }

    footer .hideOnMobile .col_13:last-child {
        padding-right: 10px;
    }
}


/*END Footer*/


/*Chat Checkout Mobilenasicht deaktiveren*/
@media screen and (max-width: 1280px) {

    .page-id-483 [class*="umm-"],
    .page-id-3871 [class*="umm-"],
    .page-id-4111 [class*="umm-"],
    .page-id-4468 [class*="umm-"] {
    display: none;
    
    }
}


/* Download Centre */
.section-block.download-centre .file_wrap,
.section-block.download-centre .link_wrap {
    border-top: 2px solid #f3f4f6;
    padding: 15px 0px;
    display: inline-flex;
    width: 100%;
}

.section-block.download-centre .download_centre_subtitle {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    color: #005dac;
}

.section-block.download-centre .file_name,
.section-block.download-centre .link_name {
    flex-basis: 60%;
    margin: auto;
    margin-left: 0;
}

.section-block.download-centre .file_type,
.section-block.download-centre .file_download,
.section-block.download-centre .link_type,
.section-block.download-centre .link_download {
    flex-basis: 20%;
    margin: auto;
}

.section-block.download-centre .file_type,
.section-block.download-centre .link_type {
    text-transform: uppercase;
}

.section-block.download-centre .file_download a,
.section-block.download-centre .link_download a {
    color: #07B8AC;
}


.section-block.download-centre .file_download,
.section-block.download-centre .link_download {
    text-align: right;
    margin-right: 0;
}

.section-block.download-centre .file_download i,
.section-block.download-centre .link_download i {
    padding-right: 10px;
}

@media(max-width: 470px) {

    .section-block.download-centre .file_name,
    .section-block.download-centre .link_name {
        word-wrap: break-word;
        max-width: 60%;
    }

    .section-block.download-centre .file_download,
    .section-block.download-centre .link_download {
        text-align: center;
    }

    .section-block.download-centre .file_download i,
    .section-block.download-centre .link_download i {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media(max-width: 720px) {

    .section-block.download-centre .file_type,
    .section-block.download-centre .link_type {
        visibility: collapse;
    }
}

/* END Download Center */

/*Hardware/geraete responsive Tablet*/

@media(min-width: 601px) and (max-width: 1500px) {
    .wp-block-media-text__content .iWidget_FAQ .wrapper-1000 {
        width: 100%;
        max-width: 100%;
    }
}


/*Blog Schriftgroesse und Überschriften*/

section.iWidget_blogPost h1 {
    margin-top: 20px;
    Margin-bottom: 20px;
}

section.iWidget_blogPost h2 {
    margin-top: 20px;
}

section.iWidget_blogPost h3 {
    margin-bottom: 10px;
    margin-top: 20px;
    color: #005DAC;
    font-size: 18px;
}

section.iWidget_blogPost h4 {
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 18px;
}

section.iWidget_blogPost h6 {
    font-weight: 300;
}

section.iWidget_blogPost h5,
section.iWidget_blogPost h6 {
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 16px;
}

section.iWidget_blogPost .wp-block-image figcaption,
section.iWidget_blogPost .wp-block-video figcaption {
    margin-top: 0px;
    padding: 8px;
    background-color: #edf5fa;
}

section.iWidget_blogPost .wp-block-video figcaption {
    margin-top: -4px;
}

section.iWidget_blogPost .wp-block-video video {
    border: 1px solid #393a3b;
}

section.iWidget_blogPost .btn {
    margin-top: 30px;
}

section.iWidget_blogPost ul li::marker {
    color: #005DAC;
}

section.iWidget_blogPost ul {
    margin-bottom: 12px;
}

section.iWidget_blogPost .wp-block-image {
    margin-top: 16px;
    margin-bottom: 16px;
}

body section.iWidget_blogPost {
    font-size: 16px;
}

/*END Blog Schriftgroesse und Überschriften* */
.max-width-300 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.max-width-600 {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.max-width-900 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/*Suchleiste Korrektur*/
#ajaxsearchlite2.asl_m {
    width: 100%;
}

.blog-suche .asl_w_container_2 {
    width: 100%
}

@media (max-width: 768px) {
    .blog-suche div.asl_w.asl_m {
        width: 50% !important;
    }
}

/*Anchor Margin*/
.anchor-margin {
    scroll-margin-top: 50px;
}

/*Switcher Private/Business/Partner*/
.mobilenav-category {
    background-color: #005DAC;
    padding: 5px 20px;
    border: 2px solid #005DAC;
    color: #fff;
}

.mobilenav-private {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;

}

.mobilenav-business {
    border-right: 0px solid #005DAC;
    border-left: 0px solid #005DAC;
}

.mobilenav-partner {
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

.mobilenav-category-active {
    background-color: #fff;
    color: #005DAC;
}

.mobilenav-group {
    display: block;
    text-align: center;
    margin-top: 30px;
}

.mainMenu_header-nav>li>a:hover {
    color: #fff !important;
}

.mobilenav-category:hover {
    color: #fff;
    background: #0975D0;
}

/*Offer Block */
.iWidget_offer .offer_4-text {
    margin-bottom: 60px;
}

@media (min-width: 768px) {
    .iWidget_offer .col_3 {
        display: flex;
    }

    .iWidget_offer .offer_4-text .btn {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translate(-45%);
    }

}

.iWidget_blogPost .download-centre .wrapper-1200 {
    max-width: 100%
}

@media(max-width: 430px) {
    section.iWidget_case-studies .row [class*="col_"] {
        flex: 0 0 100%;
        max-width: 100%;
        border-left: none;
    }

    section.iWidget_case-studies .study-item {
        padding-bottom: 30px;
    }

    .study-item .iWay_borderArrow,
    .study-item .iWay_arrow {
        right: auto;
        left: 40%;
    }

    .iWidget_offer .offer_4-text {
        margin-bottom: auto;
    }

    .availability-check-new.vc_minimal .vc_text {
        margin-top: 5px;
        margin-bottom: 15px;
    }
}

@media(min-width: 431px) and (max-width: 767px) {
    section.iWidget_case-studies .row [class*="col_"] {
        flex: 0 0 33%;
        max-width: 33%;
    }
}

.unser-element-supporter .wp-block-lazyblock-button-liste {
    margin-top: 10px;
}

/* Yoast FAQ Schema */
.schema-faq-question {
    padding: 15px 50px 15px 0px;
    position: relative;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #005DAC;
}

.schema-faq-answer {
    padding-bottom: 10px;
    white-space: pre-line;
    border-top: 1px solid rgb(0, 93, 172);
    padding-top: 30px;
    margin-bottom: 20px;
    display: none;
}

.schema-faq-section {
    border-bottom: 1px solid #ccc;
}

.schema-faq-question:after {
    font-size: 30px;
    transition: all 0.3s ease 0s;
    right: 0px;
    content: "+";
    font-family: 'Helvetica Neue';
    /*font-weight: 100;*/
    position: absolute;
    height: 30px;
    width: 30px;
    line-height: 30px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    background-color: #07B8AC;
    border-radius: 50%;
    text-align: center;
    font-weight: 300;
}

strong.schema-faq-question.active:after {
    content: "\2212";
    color: #fff;
    background-color: #07B8AC;
    border-radius: 50%;
    text-align: center;
}

.schema-faq-section {
    position: relative;
}

@media screen and (max-width: 1024px) {
    .schema-faq-question {
        font-size: 18px;
    }
}

/*Safari 11-15*/
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        .schema-faq-question::after {
            line-height: 27px;
        }
    }
}

/*Safari 16*/
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
    .schema-faq-question::after {
        line-height: 26px;
        font-weight: 400;
        text-align: -webkit-center;
    }
}

/* END Yoast FAQ Schema */
/*Block Box */
.wp-block-lazyblock-blocks-fur-eine-box .linkbox {
    padding: 25px 20px 25px 20px;
    max-width: 400px;
    min-width: 200px;

    position: relative;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;

    white-space: normal;
}

.wp-block-lazyblock-blocks-fur-eine-box .sectionblock {
    width: 100%;
    justify-content: center;
}

.wp-block-lazyblock-blocks-fur-eine-box .container {
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.wp-block-lazyblock-blocks-fur-eine-box .button-box {
    position: absolute;
    min-width: 50%;
    max-width: 80%;
    left: 25% !important;
    bottom: 0px;
    margin: 20px 0 !important;
    justify-content: center;
}

.wp-block-lazyblock-blocks-fur-eine-box .text-box {
    margin-bottom: 3.5em !important;
}

.wp-block-lazyblock-blocks-fur-eine-box .title-box {
    margin: 15px 0;
    font-size: 22px;
}


.wp-block-lazyblock-blocks-fur-eine-box .linkbox.bg_white p {
    color: #6F6F6F;
}

.wp-block-lazyblock-blocks-fur-eine-box .linkbox.bg_white i,
.wp-block-lazyblock-blocks-fur-eine-box .linkbox.bg_white h3 {
    color: #005DAC;
}

.wp-block-lazyblock-blocks-fur-eine-box .linkbox.bg_lightBlue i,
.wp-block-lazyblock-blocks-fur-eine-box .linkbox.bg_lightBlue h3,
.wp-block-lazyblock-blocks-fur-eine-box .linkbox.bg_lightBlue p {
    color: #005DAC;
}

.wp-block-lazyblock-blocks-fur-eine-box .linkbox.bg_darkBlue2 i,
.wp-block-lazyblock-blocks-fur-eine-box .linkbox.bg_darkBlue2 h3,
.wp-block-lazyblock-blocks-fur-eine-box .linkbox.bg_darkBlue2 p {
    color: #fff;
}

@media screen and (max-device-width: 770px) {
    .wp-block-lazyblock-blocks-fur-eine-box.container {
        flex-direction: none;
        flex-wrap: wrap;
    }

    .wp-block-lazyblock-blocks-fur-eine-box .icon-box {
        font-size: 50px !important;
    }

    .wp-block-lazyblock-blocks-fur-eine-box .title-box {
        font-size: 18px;
    }
}

/*END Block Box */
/*altes FAQ List Marker*/
.wp-block-lazyblock-faq ul li::marker {
    color: #005DAC;
}

.wp-block-lazyblock-faq ul {
    list-style-type: initial !important;
}

/*ACF Tabellen*/
.custom-table .check {
    color: #6F6F6F;
}

.iWidget_table_container .custom-table .first-column tr td:first-child {
    font-weight: bold;
    color: black;
}

.iWidget_table_container .custom-table {
    width: 100%;
    /*margin-bottom: 50px;*/
    border-spacing: 0px 10px;
    background: transparent;
}

.iWidget_table_container .custom-table td,
.iWidget_table_container .custom-table th {
    text-align: center;
    padding: 6px;
    word-wrap: break-word;
}

.iWidget_table_container .custom-table .p {
    text-align: center;
    font-size: 13px;
    padding-top: 130px;
}

.iWidget_table_container .custom-table .box h3 {
    color: #fff;
}

.iWidget_table_container .custom-table td,
.custom-table tr {
    background: none;
}

.iWidget_table_container .custom-table tr:nth-child(even) {
    background-color: #edf5fa;
}

.iWidget_table_container .custom-table tr:nth-child(odd) {
    background-color: #fdfefe;
}

.iWidget_table_container .custom-table thead tr th {
    background-color: #0975D0 !important;
    background: #0975D0;
}

.iWidget_table_container .custom-table tr {
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.28);
    -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.28);
}

.iWidget_table_container .custom-table h3 {
    color: #fff;
    margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
    .iWidget_table_container .custom-table {
        box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.28);
        -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.28);
        background: #fff !important;
        border-spacing: 0px 0px !important;
        padding-top: 7px;
        padding-bottom: 7px;

    }

    .iWidget_table_container .custom-table tr:nth-child(even) {
        background-color: #fff !important;

    }

    .iWidget_table_container .custom-table tr:nth-child(odd) {
        background-color: #fff !important;
    }

    .iWidget_table_container .custom-table tr {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    .iWidget_table_container .custom-table td,
    .iWidget_table_container .custom-table th {
        display: block;
        width: 33.333333333333%;
        font-size: 16px;
        font-weight: bold;
        box-shadow: none !important;
        border: solid 1px #ccc !important;
        flex-grow: 2;
    }

    .iWidget_table_container .custom-table th:first-child,
    .iWidget_table_container .custom-table td:first-child {
        background: #efefef;
        width: 100%;
    }

    .iWidget_table_container .custom-table th:first-child {
        display: none;
    }

}

/* Blogbeitrag Widget*/
.three-blogpost-iwidget-acf-block .blogpost-iwidget-container [class*=col_] a {
    display: block;
    overflow: hidden;
    position: relative;
    height: 250px;
    width: 100%;
}

.three-blogpost-iwidget-acf-block [class*=col_] a:hover {
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
}


.three-blogpost-iwidget-acf-block .blogpost-iwidget-container a.container-1-blog {
    margin-bottom: 10px;
}

.three-blogpost-iwidget-acf-block .blogpost-iwidget-container a.container-2-blog {
    margin-bottom: 25px;
}

.three-blogpost-iwidget-acf-block [class*=col_] a>div.blogpost-iwidget-2-sec {
    margin-bottom: 15px;
}

.three-blogpost-iwidget-acf-block [class*=col_] a>div {
    position: relative;
    color: #FFF;
    transition: all ease-in-out .3s
}

.three-blogpost-iwidget-acf-block .blogpost-iwidget-container [class*=col_] a .blogpost-iwidget:before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, .63) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, .63) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, .63) 100%);
    position: absolute;
    z-index: 1;
}

.three-blogpost-iwidget-acf-block .blogpost-iwidget-container [class*=col_] a>div.blogpost-iwidget {
    height: 250px;
    position: absolute;
    color: #FFF;
    transition: all ease-in-out .3s;
    z-index: 2;
    width: 100%;
    margin-bottom: 10px;
    height: 100%;
}

.three-blogpost-iwidget-acf-block .blogpost-iwidget-container [class*=col_] a>div.img-container {
    position: absolute;
    margin: auto;
    overflow: hidden;
    height: 250px;
    width: 100%;
}

.three-blogpost-iwidget-acf-block .blogpost-iwidget-container [class*=col_] a img {
    object-fit: cover;
    max-width: 110%;
    max-height: 110%;
    min-width: 100%;
    min-height: 100%;
}



.three-blogpost-iwidget-acf-block .blogpost-iwidget-container [class*=col_] a>div header {
    position: absolute;
    z-index: 1;
    left: 25px;
    bottom: 25px;
    transition: all ease-in-out .3s;
}

.three-blogpost-iwidget-acf-block [class*=col_] a>div header h4 {
    text-transform: none;
    font-size: 16px;
}

.three-blogpost-iwidget-acf-block [class*=col_] a>div header h3 {
    margin-bottom: 10px;
    font-size: 18px;
}

.three-blogpost-iwidget-acf-block [class*=col_] a>div header {
    text-shadow: 0 0 5px #000
}

.three-blogpost-iwidget-acf-block [class*=col_] a>div header h3 {
    margin-bottom: 50px;
    text-transform: none;
}


.three-blogpost-iwidget-acf-block .blogpost-iwidget-button {
    margin: 25px auto;
}

.three-blogpost-iwidget-acf-block .blogpost-iwidget-button p {
    margin: auto;
    line-height: normal;
}

.three-blogpost-iwidget-acf-block .blogpost-iwidget-button-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media all and (min-width:769px) {

    .three-blogpost-iwidget-acf-block .blogpost-iwidget-container [class*=col_] .container-1-blog,
    .three-blogpost-iwidget-acf-block .blogpost-iwidget-container .container-1-blog .img-container {
        height: 525px !important;

    }

    .three-blogpost-iwidget-acf-block .blogpost-iwidget-container a.container-2-blog {
        margin-bottom: 25px;
    }

    .three-blogpost-iwidget-acf-block [class*=col_] a>div header h3 {
        font-size: 24px;
    }
}

/* END Blogbeitrag Widget*/


/*WP Zitat*/
.wp-block-quote {
    width: max-content;
    max-width: 90%;
    margin: 40px auto;
}
.wp-block-quote p {
    font-weight: 700;
}
.wp-block-quote cite {
    text-align: right;
    width: 100%;
    display: block;
}
.wp-block-quote cite::before {
    content: "-";
}
.wp-block-quote p::before {
    content: "«";
}
.wp-block-quote p::after {
    content: "»";
}
/*END WP Zitat*/

/*Button List Mobileansicht*/
@media (max-width: 768px) {
    .iWidget_contentBlock .btn:not(:last-child) {
      margin-right: 25px;
    }
      .iWidget_contentBlock .btn {
      position: unset;
    transform: none;
    }
    .wp-block-lazyblock-button-liste > div {
        display: flex;
      justify-content: center;
    }
}
/*END Button List Mobileansicht*/

/*Kundenmeinungen Farben*/
.bg_darkBlue2 r-p rp-slider rp-review-inner,
.bg_lightBlue r-p rp-slider rp-review-inner {
  background-color: #fff;
}

.bg_darkBlue2 r-p rp-dot.active {
  background: #ffff;
}

.bg_darkBlue2 r-p rp-slider rp-btn-prev svg path, .bg_darkBlue2 r-p rp-slider rp-btn-next svg path {
  fill: #fff;
}
.bg_darkBlue2 r-p rp-slider rp-btn-prev:hover svg path, .bg_darkBlue2 r-p rp-slider rp-btn-next:hover svg path {
  fill: #fff;
}
.bg_darkBlue2 r-p rp-slider rp-header rp-scale,
.bg_darkBlue2 r-p rp-slider rp-header rp-based {
  color: #fff;
}
.bg_darkBlue2 r-p rp-slider rp-review_us {
  background: #07B8AC;
}

.bg_darkBlue2 r-p rp-slider rp-review_us:hover {
background: #009389;
}

.bg_lightBlue r-p rp-dot.active {
  background: #005DAC;
}
.bg_lightBlue r-p rp-slider rp-btn-prev svg path, .bg_lightBlue r-p rp-slider rp-btn-next svg path {
  fill: #005DAC;
}
.bg_lightBlue r-p rp-slider rp-btn-prev:hover svg path, .bg_lightBlue r-p rp-slider rp-btn-next:hover svg path {
  fill: #005DAC;
}
/*END Kundenmeinungen Farben*/
/*blog-produkt-teaser*/
.blog-produkt-teaser {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    background-color: #eff5fa;
    padding: 30px 30px;
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .blog-produkt-teaser .bpt-wrapper {
    display: flex;
  }
  .blog-produkt-teaser .bpt-div-1 {
    display: flex; 
    justify-content: end; 
    padding-left: 38px;
    line-height: 42px;
  }
  .blog-produkt-teaser .bpt-div-1-1 {
    display: flex; 
    flex-direction: column;
  }
  .blog-produkt-teaser .bpt-p-1-1,
  .blog-produkt-teaser .bpt-p-1-2,
  .blog-produkt-teaser .bpt-p-2-2,
  .blog-produkt-teaser .bpt-p-2-3,
  .blog-produkt-teaser .bpt-mwst-text
  {
    text-align: right;
    color: #005DAC; 
    font-size: 16px; 
    line-height: 1.2;
    margin-bottom: 0px;
  }
  .blog-produkt-teaser .bpt-div-2-1 {
    display: flex; 
    justify-content: end; 
    max-width: max-content;
    flex-direction: column;
  }
  .blog-produkt-teaser .bpt-p-2-1 {
    font-size: 40px; 
    color: #005DAC; 
    font-weight: 700; 
    margin-left: 15px; 
    line-height: 36px;
    margin-bottom: 0px;
  }
  
    .blog-produkt-teaser div {
      flex: 0 0 50%;
    }
    .blog-produkt-teaser .blog-produkt-teaser-button {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 30px;
    }
    .blog-produkt-teaser .blog-produkt-teaser-button .btn {
      margin-top: 0px;
    }
    #bpt-produktname {
      height: auto; 
      color: #005DAC; 
      font-weight: 700;
    }
    
    @media (max-width: 559px) {
      .blog-produkt-teaser .bpt-div-1-1 {
        flex: 0 0 60% !important;
      }
      .blog-produkt-teaser .bpt-div-2-1 {
        flex: 0 0 40% !important;
      }
      .blog-produkt-teaser .bpt-div-1 {
        padding-left: 0px;
      }
      .blog-produkt-teaser .bpt-p-2-1 {
        font-size: 28px !important;
        line-height: 34px !important;
      }
      .blog-produkt-teaser .bpt-p-1-1,
      .blog-produkt-teaser .bpt-p-1-2,
      .blog-produkt-teaser .bpt-mwst-text {
        font-size: 14px;
        line-height:  16px;
      }
    }
    
  .blog-produkt-teaser .bpt-p-2-2,
  .blog-produkt-teaser .bpt-p-2-3 {
  display: none;
  }  
  
  
  @media (max-width: 450px) {
    .blog-produkt-teaser .bpt-div-1-1 {
      display: none;
    }
    .blog-produkt-teaser .bpt-spalte-1 {
      flex: 0 0 65% !important;
      padding-right: 20px;
    }
    .blog-produkt-teaser .bpt-spalte-2 {
      flex: 0 0 35% !important;
    }
    .blog-produkt-teaser .bpt-div-2-1 {
      flex-direction: column;
    }
    .blog-produkt-teaser .bpt-p-2-2,
    .blog-produkt-teaser .bpt-p-2-3,
    .blog-produkt-teaser .bpt-mwst-text {
      display: block;
      font-size: 14px;
      line-height: 16px;
    }
  }
  
  @media all and (max-width:480px) {
      .blog-produkt-teaser .h2-element {
          font-size: 20px
      }
  }
  @media all and (min-width:480px) and (max-width:768px) {
      .blog-produkt-teaser .h2-element {
          font-size: 22px
      }
  }
  
  @media all and (min-width:768px) and (max-width:1024px) {
      .blog-produkt-teaser .h2-element {
          font-size: 24px
      }
  }
  
  @media all and (min-width:1024px) and (max-width:1280px) {
      .blog-produkt-teaser .h2-element {
          font-size: 28px
      }
  }
  
  @media all and (min-width:1280px) and (max-width:1468px) {
      .blog-produkt-teaser .h2-element {
          font-size: 28px
      }
  }
  
  @media all and (min-width:1468px) and (max-width:1680px) {
      .blog-produkt-teaser .h2-element {
          font-size: 30px
      }
  }
  
  @media all and (min-width:1680px) and (max-width:1920px) {
      .blog-produkt-teaser .h2-element {
          font-size: 32px
      }
  }
  
  @media all and (min-width:1920px) {
      .blog-produkt-teaser .h2-element {
          font-size: 34px
      }
  }
  
  @media all and (min-width:2200px) {
      .blog-produkt-teaser .h2-element {
          font-size: 34px
      }
  }
  
  @media all and (min-width:600px) {
  .blog-produkt-teaser .min-3-zeilen {
    font-size: 24px;
  }
  }
/* END blog-produkt-teaser*/
/*Kundenmeinungen Plugin als Lazyblock*/
.kundenmeinung h2 {
    margin-bottom: 0px;
}
.bg_darkBlue2 r-p rp-slider rp-review-inner,
.bg_lightBlue r-p rp-slider rp-review-inner {
  background-color: #fff;
}

.bg_darkBlue2 r-p rp-dot.active {
  background: #ffff;
}

.bg_darkBlue2 r-p rp-slider rp-btn-prev svg path, .bg_darkBlue2 r-p rp-slider rp-btn-next svg path {
  fill: #fff;
}
.bg_darkBlue2 r-p rp-slider rp-btn-prev:hover svg path, .bg_darkBlue2 r-p rp-slider rp-btn-next:hover svg path {
  fill: #fff;
}
.bg_darkBlue2 r-p rp-slider rp-header rp-scale,
.bg_darkBlue2 r-p rp-slider rp-header rp-based {
  color: #fff;
}
.bg_darkBlue2 r-p rp-slider rp-review_us {
  background: #07B8AC;
}

.bg_darkBlue2 r-p rp-slider rp-review_us:hover {
background: #009389;
}

.bg_lightBlue r-p rp-dot.active {
  background: #005DAC;
}
.bg_lightBlue r-p rp-slider rp-btn-prev svg path, .bg_lightBlue r-p rp-slider rp-btn-next svg path {
  fill: #005DAC;
}
.bg_lightBlue r-p rp-slider rp-btn-prev:hover svg path, .bg_lightBlue r-p rp-slider rp-btn-next:hover svg path {
  fill: #005DAC;
}
/*END Kundenmeinungen Plugin als Lazyblock*/

/*
ACF Produktboxen V2
*/
.iWidget_productBoxes.version_2 .row.containsboxes{
    padding:0 0 0 0 !important;
    justify-content:center;
}
.iWidget_productBoxes.version_2 .row [class*="col_"] {
    padding:0 0 0 30px !important;
}
.iWidget_productBoxes.version_2 .tbl-row {
    display:block;
}
.iWidget_productBoxes.version_2 .tbl-col {
    display:block;
    position: relative;
    padding-bottom: 10px;
}
.iWidget_productBoxes.version_2 .box .price.priceastext {
    padding: 5px 0 5px 0;
}
.iWidget_productBoxes.version_2 .box .price.priceastext strong {
    font-size: 24px;
}
.iWidget_productBoxes.version_2 .box .mdToHtml del {
    color: red;
}
.iWidget_productBoxes.version_2 .box .mdToHtml h3,
.iWidget_productBoxes.version_2 .box .mdToHtml h4 {
    color: #0975D0;
}
.iWidget_productBoxes.version_2 .infos {
    height:1px;
    overflow:hidden;
}
.iWidget_productBoxes.version_2 .infos .info {
    display:none;
}
.iWidget_productBoxes.version_2 .mwst {
    padding:10px 0 0 0;
    width:100%;
    text-align:right;
}
.iWidget_productBoxes.version_2 .price .box_price {
    font-size: 42px !important;
}
/* Info-Boxen Specials */
.popup-container .schema-faq .schema-faq-answer {
    padding-bottom: 0;
    padding-top: 15px;
    margin-bottom: 0;
    white-space:normal;
}
.popup-container .schema-faq ul {
    list-style-type: disc;
    padding: 15px 5px 10px 17px;
}
.popup-container .schema-faq li {
    padding: 0px 5px 10px 2px;
}
.popup-container .schema-faq-question.active::after {
    content: "\2212";
    color: #fff;
    background-color: #07B8AC;
    border-radius: 50%;
    text-align: center;
  }

/* Media */
@media(max-width: 768px) {
    .iWidget_productBoxes.version_2 .row [class*="col_"] {
        margin: 0 0 0 0 !important;
        padding:0 0 60px 0 !important;
    }
    .iWidget_productBoxes.version_2 .mwst {
        padding:10px 0 0 0;
        width:100%;
        text-align:right;
    }
}
/*
Ende ACF Produktboxen V2
*/
/*
Dialog-System
*/
.popup-modal-bg {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.popup-container {
    width: 70%;
    min-width: 500px;
    max-width: 800px;
    /*
    height: 70%;
    min-height: 200px;
    max-height: 600px;
    */
    background-color: #FFFFFF;
    border-radius: 7px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .3);
    position: absolute;
    z-index: 110;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.popup-container h2.popup-title {
    padding: 20px 30px 20px 30px;
    font-size: 27px;
    font-weight: 700;
    color: #005DAC;
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.popup-container h2.popup-title a {
    padding: 20px 30px 20px 30px;
    font-size: 25px;
    font-weight: 700;
    color: #9D9D9D;
    display: inline-block;
    position: absolute;
    top: 0; 
    right: 0;
    cursor: pointer;
}
.popup-container h2.popup-title a:hover {
    color: #005DAC;
}
.popup-container .popup-content {
    height: calc(100% - 100px);
    padding: 0 30px 30px 30px;
    overflow:auto;
}
.popup-container .popup-content h2,
.popup-container .popup-content h3,
.popup-container .popup-content p {
    padding: 0 0 20px 0;
}
@media(max-width: 768px) {
    .popup-container {
        width: 100%;
        min-width: unset !important;
        max-width: none !important;
        height: auto !important;
        position: absolute;
        left:0;
        top:20px;
        transform: none;
    }
    .popup-container .popup-content {
        min-height: unset !important;
        max-height: none !important;
        height: auto !important;
    }
}
/*
Dialog-System
*/
/*
ACF Timed Block
Hat keine Eigenschaften.
*/
.acf_timed_block,
.acf_timed_block .acf_timed_block_inner {
    margin:0;
    padding:0;
}