:root{
    --main_blue: #0086CD;
    --green: #1F8000;
    --purple:#801473;

    --bold: 700;
    --semibold: 600;
}
/* ----- Pentacam Familie Subnavigation -----*/
.pentacam-fam-subnavi{ z-index: 999 !important;}
.pentacam-fam-subnavi.subnavi-scroll{ z-index: 9999999 !important;}


header .fusion-logo-alignment{
    transition: opacity .3s ease-in-out;
    opacity: 1;
}
.main-navi-hide{
    overflow: hidden;
    opacity: 0 !important;
    pointer-events: none;
}

/*----- Einführung ----- */
.noWrap{white-space: nowrap;}
.hideMainNavbar{visibility: hidden;}
.unset_btn_width.fusion-button{    min-width: unset !important;}

.sub-page-nav .fusion-column-wrapper {gap: 10px!important;}
.nav-btn{min-width: unset!important;width: auto!important;}
.nav-btn .fusion-button-text{font-size: 14px !important;letter-spacing: normal;}

.pen_fam_overview:hover .image-width-border{    background: var(--main_blue);}
.pen_fam_overview.hovered .image-width-border{    background: var(--main_blue);}
.pen_fam_overview_text{    line-height: 20px;}

.model_pill{    display: inline-block;    border-radius: 20px;    color: #fff;    padding: 1px 9px;    margin-bottom: 10px;}
.blue_pill{    background: var(--main_blue);}
.green_pill{    background: var(--green);}
.purple_pill{    background: var(--purple);}

.pen_fam_overview .image-width-border{
    background: white;
    padding: 9px;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: all .3s ease-out;
}

#pen_fem-eyeCont{text-align: center;  }
#pen_fem-eyeCont img{ max-width: 500px !important;}
#imageCenter{position: relative;display: inline-block;}

.pulsating-circle {
    position: absolute;
    color: #fff;
    font-size: 30px;
    z-index: 0;
    display: flex;
    justify-content: center;
}

.pulsating-circle::before {
    content: "";
    background: var(--main_blue);
    position: absolute;
    height: 75%;
    aspect-ratio: 1 / 1;
    z-index: -1;
    border-radius: 50%;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: rgb(255 255 255 / 100%) 0px 0px 8px;
}

.pulsating-circle::after {
    content: "";
    background: var(--main_blue);
    position: absolute;
    height: 50%;
    aspect-ratio: 1 / 1;
    z-index: -2;
    border-radius: 50%;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.pulsating-circle.unhovered{opacity: .5;scale: .8;}
.pulsating-circle{transition: all .3s ease-out;}

#eye_circle_1 {left: 23%;top: 30.5%;}
#eye_circle_2 {left: 19%;top: 59%;}
#eye_circle_3 {left: 70%;top: 17%;}
#eye_circle_4 {left: 27%;top: 42%}
#eye_circle_5 {left: 75%;top: 68%; }

.pulsating-circle.hovered::before, .pulsating-circle:hover::before  {animation: pulse-ring 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.pulsating-circle.hovered::after, .pulsating-circle:hover::after {animation: pulse-dot 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;}
.pulsating-circle.hovered, .pulsating-circle:hover {animation: pulse-center 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; cursor: default;}

@keyframes pulse-ring {
    0% {visibility: inherit;height: .33%;  }
    80%, 100% {opacity: .3;}
}

@keyframes pulse-dot {
    0% {height: 70%;}
    50% {height: 90%;}
    100% {height: 70%;}
}

@keyframes pulse-center {
    0% {scale:  0.75;}
    50% {scale: 1;}
    100% {scale: 0.75;}
}


.pentafam_intro_cont_img_left h1, .pentafam_intro_cont_img_right h1{
    font-family: Segoe UI, Open Sans, Arial, sans-serif !important;
    font-weight: 700 !important;
}


.experten_btn .fusion-button-text{    letter-spacing: normal;}

.pentafam_intro_cont_img_left{    position: relative;}

.pentafam_intro_cam_img_left{
    position: absolute!important;
    bottom: 0;
    right: -180px;
}

.pentafam_intro_cam_img_right{
    position: absolute!important;
    bottom: 0;
    left: -185px;
}

@media only screen and (max-width: 1420px) {
    .pentafam_intro_cont_txt_left{
        margin-bottom: 100px;
    }

    .pentafam_intro_cam_img_left{
        position: absolute;
        bottom: 0;
        right: -120px;
        max-width: 300px;
    }

    .pentafam_intro_cam_img_right{
        position: absolute;
        bottom: 0;
        left: -120px;
        max-width: 300px;
    }

    .pentafam_intro_cont_img_left > .fusion-column-wrapper, .pentafam_intro_cont_txt_right > .fusion-column-wrapper {
        padding-left: 20px;
    }

    .pentafam_intro_cont_txt_left > .fusion-column-wrapper, .pentafam_intro_cont_img_right > .fusion-column-wrapper{
        padding-right: 20px;
    }


}

@media only screen and (max-width: 1023px) and (min-width: 641px) {
    .pentafam_intro_cam_img_right{
        left: unset;
        right: -120px;
    }

    .pentafam_intro_cont_img_right > .fusion-column-wrapper {
        padding-right: 200px;
    }
}

@media only screen and (max-width: 1284px) and (min-width: 1024px) {
    .pentafam_intro_cont_img_left > .fusion-column-wrapper {
        padding-right: 20px;
    }

    .pentafam_intro_cont_img_right > .fusion-column-wrapper {
        padding-left: 20px;
    }

    .pentafam_intro_cam_img_left{
        right: 50%;
        transform: translate(50%, 0);
    }

    .pentafam_intro_cam_img_right{
        left: 50%;
        transform: translate(-50%, 0);
    }

    .pentafam_intro_cont_img_right_txt{
        margin-left: 20px !important;
    }

    .pentafam_intro_cont_experte_txt{
        flex-grow: 1;
    }
}

@media only screen and (min-width: 640px) {
    .pentafam_intro_experte_img {
        max-width: 270px!important;
    }
}

@media only screen and (max-width: 640px) {
    .pentafam_intro_cam_img_left{
        position: relative;
        bottom: 0;
        right: unset;
        width: auto;
    }

    .pentafam_intro_cam_img_right{
        position: relative;
        bottom: 0;
        left: unset;
        right: unset;
        width: auto;
    }

    .pentafam_intro_cam_img_left img, .pentafam_intro_cam_img_right img{
        height: auto;
        width: 100%;
        max-width: 250px;
    }

}
/*-----  Models ----- */
.oc-column-top-img .fusion-column-wrapper > *:not(.fusion-image-element) {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.core_func_pc_img .core_func_pc_img{
    position: relative;
    z-index: 1;
}
.core_func_pc_img .core_func_pc_img_screen {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 90%;
    transform: translate(-51%, -70%);
}

.core_func_pc_img .core_func_pc_sequence_txt{
    background: #fff;
    padding: 20px;
    position: absolute;
    bottom: 0;
    right: 1.96%;
    width: 200%;
    max-width: 1400px;
    z-index: -1;
}

.core_func_pc_img .core_func_pc_sequence_txt p{
    width: 50%;
    padding-right: 20px;
}


/*----- Lightbox indicator hover -----*/
.img_lightbox_hover a:after {    content: "";    width: 100%;    height: 100%;    position: absolute;    background: #000;    opacity: 0;    left: 0;    transition: all .3s ease-out;}
.img_lightbox_hover a:before {    content: "\f31d";    font-family: "Font Awesome 5 Pro";    font-size: 25px;    color: #fff;    font-weight: 300;    position: absolute;    opacity: 0;    left: 50%;    top: 50%;    transition: all .3s ease-out;    transform: translate(-50%, -50%);    z-index: 2;}

.img_lightbox_hover:hover a:before {    opacity: 1;}
.img_lightbox_hover:hover a:after {    opacity: .25;}

/*----- Werkzeug für -----*/
.pc_tool_items ul li:nth-child(odd) {background: #fff;}
.pc_tool_items ul li {font-weight: 600;padding: 5px 5px;}
.pc_tool_items ul {list-style: none;padding: 0;}
.oc-pentacam-tools img {transition: transform 0.3s ease-out;}
.oc-pentacam-tools:hover img{transform: scale3d(1.1, 1.1, 1);}


.produkt_subnavi_angebot_btn a:after{
    content: "";
    background: var(--main_blue) !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.produkt_subnavi_angebot_btn a .menu-text{
    color: #fff !important;
    text-transform: uppercase !important;
}

.oculus-header-with-img .fusion-builder-row {
    align-content: flex-start;
}