/*######General######*/

    /*Default Font Size*/
    html{
    font-size: 20px;
    }
    /*fix for font size in buttons if font size is unter 16px*/


    /*Font Family(ies)*/
    body,
    .tooltip, .popover, h2, p,  .main-footer .left span, .main-footer .right, .navbar.navbar-main .top-menu-wrapper .navbar-brand,
    .sidebar.sidebar-main a span,
    .iw-aside-navigator-wrapper .iw-aside-container section .section-header .title,
    .full-page section .section-header .title,
    .iw-stepper .iw-step .circle,
    .page-container-register .title,
    .page-container-landing-page .title,
    .page-container-checkout section .section-header
    {
    font-family:Arial, sans-serif !important;
    }


    /*headers and tabs color*/
    .iw-aside-navigator-wrapper .iw-aside-container section .section-header .title,
    section .section-header .title,
    .iw-ribbon .bg-ribbon,
    .text-primary,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card .price,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active i,
    .nav-tabs .nav-link:hover:not(.active),
    .iw-catalogue-wrapper .product .info-area .title a:hover,
    .iw-catalogue-wrapper .modal .product .info-area .title a:hover,
    .iw-catalogue-wrapper .product.preview .price,
    .iw-catalogue-wrapper .modal .product.preview .price
    {
    color:#009899 !important;
    }

    /*bookmark (bg-ribbon) color*/
    .iw-ribbon .fg-ribbon
    {
    background: #009899 !important;
    width:auto !important;
    }

    .page-link, .page-link:hover, a, a:hover,
    .checkbox-icon,
    input[type="checkbox"]:checked ~ i span:nth-of-type(1),
    input[type="radio"]:checked ~ i span:nth-of-type(1),
    input[type="checkbox"]:checked ~ i span:nth-of-type(2),
    input[type="radio"]:checked ~ i span:nth-of-type(2),
    input[type="checkbox"]:not(:checked) ~ i span:nth-of-type(1),
    input[type="radio"]:not(:checked) ~ i span:nth-of-type(1),
    .iw-stepper .iw-step,
    .slick-prev::before, .slick-next::before,
    .content-product-details #iw-aside-scroll-container #iw-product-section-features .list-group-item.active i,
    .info-tooltip.btn.btn-plain,
    .progressrim .percent .number span,
    .btn-link:hover, .btn.btn-glyph:hover
    {
    color:#009899;
    }

    .btn-link, .btn.btn-glyph{
    color:#009899e6;
    }

    .progressrim svg circle:nth-child(2){
    stroke:#009899;
    }

    .iw-stepper .iw-step .circle{
    }
    .iw-stepper .iw-step.current .circle{
    background-color:#009899e6;
    }

    .nb-stepper-step {
    color: #009899;
    }

    .nb-stepper-step.nb-stepper-step--completed::after {
    background-color: #009899;
    }

    .nb-stepper-step.nb-stepper-step--current .nb-stepper-step__circle, .nb-stepper-step.nb-stepper-step--current::after {
    background-color: #009899;
    }

    .stepper-step.nb-stepper-step--current .nb-stepper-step__text {
    color: #009899;
    }

    .stepper-step.nb-stepper-step--current .nb-stepper-step__circle {
    background-color: #009899;
    }

    .nb-stepper-step.nb-stepper-step--current .nb-stepper-step__text {
    color: #009899;
    }

    .nb-stepper-step.nb-stepper-step--completed .nb-stepper-step__text {
    color: #009899;
    }

    .form-control:focus{
    border-color:#0098994c;
    }

    option:hover {
    box-shadow: 0 0 10px 100px red inset;
    }

    .badge-primary,
    .iw-stepper .iw-step::after,
    .iw-stepper .iw-step + .iw-step::after,
    .select2-container--bootstrap4 .select2-results__option--highlighted,
    .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"],
    .btn-action:hover,
    .content-product-details #iw-aside-scroll-container .iw-product-section-editions .edition-wrapper .edition .addon-item.card:hover .card-footer .buttons-wrapper{
    background-color:#009899;
    }
    .bg-primary{
    background-color:#009899 !important;
    }

    .select2-container--bootstrap4.select2-container--focus .select2-selection{
    border-color: #00989999;
    box-shadow: 0 0 0 .2rem #0098994d;
    }

    .sidebar.sidebar-main a::after,
    .iw-aside-navigator-wrapper .iw-aside-navigator .card,
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.active .nav-link{
    border-color:#009899;
    }

    .sidebar.sidebar-main a::before{
    border-color:#00989930 !important;
    }

    .iw-aside-navigator-wrapper .iw-aside-navigator .card .menu .list-group-item.active{
    border-left-color:#009899;
    border-right-color:#009899;
    }

    .custom-select:focus
    {
    border-color:#0098994d;
    }
    /*BUTTONS*/
    :root {
    --nb-primary-button-background-color: #009899;
    --nb-primary-button-border-color:     #009899;

    --nb-primary-button-background-color--hover: #009899;
    --nb-primary-button-border-color--hover:     #009899;

    --nb-primary-button-background-color--active: #009899;
    --nb-primary-button-border-color--active:     #009899;

    --nb-primary-button-background-color--focus: #009899;
    --nb-primary-button-border-color--focus:     #009899;

    --nb-secondary-button-border-color: #009899;
    --nb-secondary-button-text-color:   #009899;

    --nb-secondary-button-background-color--hover: #00989940;
    --nb-secondary-button-border-color--hover:     #009899;
    --nb-secondary-button-text-color--hover:       #009899;

    --nb-secondary-button-background-color--active: #00989940;
    --nb-secondary-button-border-color--active:     #009899;
    --nb-secondary-button-text-color--active:       #009899;

    --nb-secondary-button-background-color--focus:           #00989940;
    --nb-secondary-button-border-color--focus: border-color: #009899;

    --nb-outline-primary-button-border-color: #009899;
    --nb-outline-primary-button-text-color: #009899;

    --nb-outline-primary-button-background-color--hover: #00989940;
    --nb-outline-primary-button-border-color--hover:     #009899;
    --nb-outline-primary-button-text-color--hover:       #009899;

    --nb-outline-primary-button-background-color--focus: #00989940;
    --nb-outline-primary-button-border-color--focus:     #009899;
    --nb-outline-primary-button-text-color--focus:        #009899;
    }

    .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled).active,
    .page-item.active .page-link {
    background-color:#009899;
    border-color:#009899;
    }

    .btn.btn-icon {
    color:#009899;
    border-color:#009899;
    }

    .btn.btn-icon:hover:not(:disabled):not(.disabled) {
    color:#009899;
    border-color:#009899;
    background-color:#00989940;

    }

    .dropdown-item:not(:disabled):not(.disabled):active, .dropdown-item:not(:disabled):not(.disabled).active{
    border-color:#00989940;
    background-color:#00989940;
    }

    .iw-filters-container .iw-filters-list .filter-list .filter-item a:hover:not(:disabled):not(.disabled),
    .iw-filters-container .iw-filters-list .filter-list .filter-item a.selected:not(:disabled):not(.disabled),
    .iw-filters-container .iw-filters-list .filter-list .filter-item a:not(:disabled):not(.disabled):active,
    .dropdown-item:hover
    {
    border-color: #009899bf;
    background-color: #009899bf;
    }

    .ltr .iw-support-content .iw-cases-wrapper .list-group .list-group-item.active,
    .ltr .iw-support-content .iw-cases-wrapper .list-group .list-group-item:hover{
    border-left-color: #009899;
    }

    .rtl .iw-support-content .iw-cases-wrapper .list-group .list-group-item.active,
    .rtl .iw-support-content .iw-cases-wrapper .list-group .list-group-item:hover{
    border-right-color: #009899;
    }

    /*Custom range*/

    .custom-range::-webkit-slider-thumb {
    background-color: #009899;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-webkit-slider-runnable-track {
    background-color: #0098994c;
    }

    .custom-range::-moz-range-thumb {
    background-color: #009899;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-moz-range-thumb:active {
    background-color: #ebf1fe;
    background-color: #00989919;
    }

    .custom-range::-moz-range-track {
    background-color: #0098994c;
    }

    .custom-range::-ms-thumb {
    background-color: #009899;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .custom-range::-ms-fill-lower {
    background-color: #0098994c;
    }

    .custom-range::-ms-fill-upper {
    background-color: #0098994c;
    }

    /*Custom switch*/
    .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #009899;
    background-color: #009899;
    }

    .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{
    background-color: #00989950;
    }

    /*Custom radio*/
    .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    border-color: #00989950;
    background-color: #00989950;
    }

    .iw-list-picker-item.is-selected,
    .iw-list-picker-item:hover {
    border-color: #009899;
    }

    /*Theme UI Components*/

    .nb-section .nb-main-title
    {
    color:#009899 !important;
    }

    .nb-grid .k-grid a
    {
    color:#009899;
    }

    /*Override hardcoded min-height*/
    .nb-search-input {
    min-height: initial !important;
    }

    .browser-compatibility {
    background-color:#009899 !important;
    }



/*CustomCSS*/
i.material-icons{
color: #009899
}

.product.preview
{
padding-left:20px;
padding-right:20px;
}

/*CSS FÜR DEN FOOTER*/

/*---------------------------------------------------------------*/

/*ANPASSUNG DER COLUMNS*/
@charset "utf-8";
.col-ms-1,.col-ms-10,.col-ms-11,.col-ms-12,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:480px) and (max-width:768px) {
    .col-ms-1,.col-ms-10,.col-ms-11,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9 {
        float: left
    }
    .col-ms-1 {
        width: 8.33333%
    }
    .col-ms-2 {
        width: 16.66667%
    }
    .col-ms-3 {
        width: 25%
    }
    .col-ms-4 {
        width: 33.33333%
    }
    .col-ms-5 {
        width: 41.66667%
    }
    .col-ms-6 {
        width: 50%
    }
    .col-ms-7 {
        width: 58.33333%
    }
    .col-ms-8 {
        width: 66.66667%
    }
    .col-ms-9 {
        width: 75%
    }
    .col-ms-10 {
        width: 83.33333%
    }
    .col-ms-11 {
        width: 91.66667%
    }
    .col-ms-12 {
        width: 100%
    }
    .col-ms-push-1 {
        left: 8.33333%
    }
    .col-ms-push-2 {
        left: 16.66667%
    }
    .col-ms-push-3 {
        left: 25%
    }
    .col-ms-push-4 {
        left: 33.33333%
    }
    .col-ms-push-5 {
        left: 41.66667%
    }
    .col-ms-push-6 {
        left: 50%
    }
    .col-ms-push-7 {
        left: 58.33333%
    }
    .col-ms-push-8 {
        left: 66.66667%
    }
    .col-ms-push-9 {
        left: 75%
    }
    .col-ms-push-10 {
        left: 83.33333%
    }
    .col-ms-push-11 {
        left: 91.66667%
    }
    .col-ms-pull-1 {
        right: 8.33333%
    }
    .col-ms-pull-2 {
        right: 16.66667%
    }
    .col-ms-pull-3 {
        right: 25%
    }
    .col-ms-pull-4 {
        right: 33.33333%
    }
    .col-ms-pull-5 {
        right: 41.66667%
    }
    .col-ms-pull-6 {
        right: 50%
    }
    .col-ms-pull-7 {
        right: 58.33333%
    }
    .col-ms-pull-8 {
        right: 66.66667%
    }
    .col-ms-pull-9 {
        right: 75%
    }
    .col-ms-pull-10 {
        right: 83.33333%
    }
    .col-ms-pull-11 {
        right: 91.66667%
    }
    .col-ms-offset-1 {
        margin-left: 8.33333%
    }
    .col-ms-offset-2 {
        margin-left: 16.66667%
    }
    .col-ms-offset-3 {
        margin-left: 25%
    }
    .col-ms-offset-4 {
        margin-left: 33.33333%
    }
    .col-ms-offset-5 {
        margin-left: 41.66667%
    }
    .col-ms-offset-6 {
        margin-left: 50%
    }
    .col-ms-offset-7 {
        margin-left: 58.33333%
    }
    .col-ms-offset-8 {
        margin-left: 66.66667%
    }
    .col-ms-offset-9 {
        margin-left: 75%
    }
    .col-ms-offset-10 {
        margin-left: 83.33333%
    }
    .col-ms-offset-11 {
        margin-left: 91.66667%
    }
    .container {
        max-width: 748px
    }
}

/*ENDE ANPASSUNG DER COLUMNS*/

/*wEGFALLEN BESTIMMTER ELEMENTE BEI VERSCHIEDENEN DISPLAYGRÖßEN*/

@media (max-width:992px) {
    .breakaway992 {
        display: none
    }
}

@media (max-width:480px) {
    .breakaway480,.breakaway768 {
        display: none!important
    }
    .h1_start {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: auto;
        color: #fff;
        text-align: center;
        font-weight: 500
    }
    .h1_start h1 {
        font-size: 18px!important
    }
    .header50 {
        height: 100%;
        position: relative
    }
    .sm_padding img {
        display: none
    }
    .contentimage_50 {
        width: 30%;
        margin-right: 20px
    }
    #FOOTER{
        height: 60%;
    }
}
/*ENDE WEGFALLEN*/

/*ANPASSUNG NORMALER HTML-ELEMENTE*/

.container{
    padding: 0;
}

.h3-style{
    font-size:20px!important;
    font-weight:300;
    font-family:Roboto,Arial,sans-serif;
    color:#666
}

.ul_contact li{
    float:left;
    margin-right:15px
}

.clearfix:after{
    content:".";
    clear:both;
    display:block;
    visibility:hidden;
    height:0
}

.marginR{
    margin-right: 10px;
}
/*ENDE ANPASSUNG HTML-ELEMENTE*/

/*SPRITES*/


/*ENDE SPRITES*/



.icon_link{
    float:left
}

.footer_icon_link_text{
    float:left;
    margin-left:15px;
    width:calc(100% - 85px)
}

@media (max-width:1200px){
    .footer_icon_link_text,.icon_link{
        display:block;
        float:none;
        width:100%;
        text-align:center;
        margin-bottom: 30px;
    }
}

.h6-style,h6{
    letter-spacing:1px
}

.h6-style{
    font-weight:700;
    font-family:Stone-Light,Roboto,Arial,sans-serif;
    display:block;
    margin-block-start:2.3em;
    margin-block-end:2.3em;
    margin-bottom:0;
    margin-top:0;
}

#FOOTER{
    color:#666;
    padding:40px 0;
    padding-left: 15px;
    padding-right: 15px;
    
}

.rb-MainFooter a{
    color: #0eaaa6 !important
}


a{
    -webkit-hyphens:none;
    -moz-hyphens:none;
    -ms-hyphens:none;
    hyphens:none
}

.ConetColor{
    color: #0eaaa6 !important;
}

#FOOTER,#social_mobile{
    background:#e5e5e5
}

#FOOTER ul li{
    list-style: none;
}

.footer{
    padding: 5px 15px;
    font-size: 14px;
    width: 100%;
    text-align: center
}

body{
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    font-family: Roboto,Arial,sans-serif;
}

.ul_contact{
    font-size: 14px;

}

.button_hollow,.button_hollow:visited{
    display:inline-block;
    background-color:transparent;
    margin:0;text-decoration:none;
    -webkit-transition:all .15s;
    transition:all .15s;
    border:1px solid #009898;
    box-shadow:0 2px 0 #009898;border-radius:2px
}

.button_hollow:active,.button_hollow:focus,.button_hollow:hover{
    background:rgba(255,255,255,.75);
    text-decoration:none!important;
    border:1px solid #000;
    box-shadow:0 2px 0 #000;
    color:#000!important
}

.top-margin-xl{
    margin-top: 40px;
}

#FOOTER p{
    font-size: 14px;
}

#social_mobile{
    text-align: center;
    padding: 5px 0 10px;
}

@media(min-width: 991px){
    #social_mobile{
        display: none;
    }
}

@media(max-width: 991px){
    .breakawayCenter{
        display: none;
    }
}

#social_mobile a{
    padding-left: 2%;
    padding-right: 2%;
}

#FOOTER ul{
    padding:0;
}

#belowFooter{
    background-color:#009899;
}

#belowFooter a{
    color: #FFFFFF;
    margin-right: 5%;
}

#belowFooter.row{
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

#IMPRINT ul{
    text-align: center;
    margin: 0;
    padding: 0;
    color: #73e5e5;

    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

#IMPRINT ul li{
    display: inline-block;
    padding: 10px
}

#IMPRINT a {
    color: #fff;
}

#IMPRINT {
    background: #009898;
}
/*-----------------*/
ul li a.white{
    color: white !important;
}

.nav-link.font-weight-bold{
    color: #0eaaa6 !important;
}

.row.justify-content-between.below.py-2 {
    margin: 0;
}


/*FÜR DIE PFLICHTFELDER MUSS DAS REQUIRED ATTRIBUT GESETZT WERDEN*/
/*NEW CSS*/

.row.justify-content-center.align-items-center.below.py-2 {
    background-color: #009899;
    color: #FFFFFF;
    font-size: .6875rem;
    margin: 0;
    justify-content: space-between !important
}

.row.justify-content-center.align-items-center.below.py-2 a {
    color: #FFF !important;
}

.h3-style{
   line-height: 28px;
}

p{
   line-height: 28px;
}

.container