/*
Theme Name: Feil
Author: Lexo themes
Author: LexoGmbH
Author URI: https://www.lexo.ch/
Version: 1.0

*/


/* WORDPRESS CONTENT IMAGE CLASSES */


/*----------------------------------------------------*/
/*-------------    POPUP ADDITIONAL    ---------------*/
/*----------------------------------------------------*/

.popup_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.popup_wrapper.active {
    opacity: 1;
    visibility: visible;
}

.popup_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.popup_container {
    position: relative;
    z-index: 5;
    background: #fff;
    text-align: center;
    max-width: 1230px;
    margin: 0 20px;
    border-radius: 10px;
    /* padding: 35px 40px 45px 40px; */
}

.popup_scroll {
    max-height: 90vh;
    overflow: auto;
    padding: 35px 40px 45px 40px;
}

.popup_close span.icon-close {
    font-size: 40px;
    position: absolute;
    top: 20px;
    right: 25px;
    cursor: pointer;
}

.relative {
    position: relative;
}

.popup_columns .popup_column {
    margin: 0 35px;
}

.popup_columns {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}


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


/*-------------     Homepage Video     ---------------*/


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

#hero,
#hero_mobile {
    display: none;
}

video.hero_video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}

.hero_mobile_image_el {
    background-position: center;
    height: 100vh;
}

div#hero {
    position: relative;
    height: calc(100vh - 141px);
}

div.hero_initial_image {
    height: 100vh;
    background-size: cover;
}

div#hero_mobile {
    height: calc(100vh - 80px);
    position: relative;
}

div.poster_animation {
    /* -webkit-animation: fadeout 4s linear 1 normal forwards; */
    background-image: none !important;
}


/* @-webkit-keyframes fadeout{
    from { opacity: 1; }
    to { opacity: 0; }
} */


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


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


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

.container {
    position: relative;
}

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.alignleft,
.alignright,
.aligncenter,
.alignnone {
}

.text-align-c {
    text-align: right;
}

html,
body {
    position: relative;
    z-index: 1;
    background-color: #e9eff5;
    padding: 0;
    margin: 0;
}

html {
    font-size: 10px;
}


/* body {
    font-size: 1.8rem;
} */

a,
* {
    outline: none !important;
}

.height100vh {
    height: 100% !important;
}

.contact_info_add:focus {
    color: #000;
}

.contact_info_add:hover {
    color: #628cb6;
    opacity: 0.6;
}

.scroll_none {
    overflow-y: hidden;
    /* height: 100%; */
    -webkit-overflow-scrolling: touch;
    height: 120%;
}

.pure_flex {
    display: flex;
}

.flex_align_center {
    align-items: center;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}

.en_flex_row {
    flex-direction: row !important;
}

.img100 {
    width: 100%;
    height: auto;
}

.max100 {
    max-width: 100%;
    height: auto;
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: transparent;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.bgk_header {
    background-color: rgba(255, 255, 255, .7) !important;
}

.bgk_header:hover {
    background-color: rgba(233, 239, 245, 1) !important;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.fixed_header {
    background-color: rgba(233, 239, 245, 1) !important;
}

.ytp-title,
.ytp-share-button {
    display: none !important;
}

.menu_container {
    padding: 0px 60px;
}

.logo_cont {
    margin-top: 26px;
    width: 347px;
    height: auto;
    float: left;
    margin-right: 20px;
    -webkit-transition: margin-top 0.3s;
    -moz-transition: margin-top 0.3s;
    -ms-transition: margin-top 0.3s;
    -o-transition: margin-top 0.3s;
    transition: margin-top 0.3s;
}


/* .fixed_header .logo_cont{
    margin-top: 10px;
}
.fixed_header ul#main_menu .menu-item{
    padding-top: 10px;
} */

#logo {
    width: 100%;
    height: auto;
}


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


/*-------------     MAIN NAVIGATION    ---------------*/


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

.cont_main_menu {
    width: calc(100% - 367px);
    border-bottom: 1px solid #365c81;
    float: left;
}

ul#main_menu {
    margin: 0px;
    padding: 0;
    display: inline-block;
    text-align: right;
    width: 100%;
}

ul#main_menu > li.menu-item {
    display: inline-block;
    padding: 20px 24px 0px;
    margin-bottom: 0px;
    position: relative;
    -webkit-transition: padding-top 0.3s;
    -moz-transition: padding-top 0.3s;
    -ms-transition: padding-top 0.3s;
    -o-transition: padding-top 0.3s;
    transition: padding-top 0.3s;
}

ul#main_menu > li.menu-item.menu-item-has-children {
    position: relative;
    z-index: 99;
}

ul#main_menu li.menu-item:before {
    display: none;
}

ul#main_menu li.menu-item a {
    text-decoration: none;
}

ul#main_menu > li.menu-item > a {
    padding-top: 16px;
    display: inline-block;
    padding-bottom: 37px;
    font-size: 26px;
    border-bottom: 4px solid transparent;
    line-height: 20px;
    color: #365c81;
}

ul#main_menu > li.menu-item.current-menu-item > a {
    font-family: 'titillium_webbold';
}

ul#main_menu > li.menu-item.current-menu-item > a:after {
    height: 3px;
    background-color: #365c81;
}

ul#main_menu > li.menu-item-has-children .icon-arrow-down {
    display: none;
}

ul#main_menu > .menu-item:last-child {
    background-color: #365c81;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

ul#main_menu > .current-menu-item.menu-item:last-child,
ul#main_menu > .menu-item:last-child:hover {
    background-color: #214669;
}

ul#main_menu > .current-menu-item.menu-item:last-child:hover {
    background-color: #365c81;
}

ul#main_menu ul.sub-menu {
    position: absolute;
    top: 97px;
    left: 25px;
    margin: 0;
    min-width: 450px;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(255, 255, 255, 0.9);
    padding-left: 13px;
    padding-right: 17px;
    border-top: 1px solid #365c81;
    pointer-events: none;
}
ul#main_menu .submenu-left ul.sub-menu {
    left: auto;
    right: 25px;
}


/* ul#main_menu li.menu-item.menu-item-has-children > a:hover ~ ul.sub-menu {
    opacity: 1;
    visibility: visible;
} */

ul#main_menu li.menu-item.menu-item-has-children:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

ul#main_menu .sub-menu > li.menu-item {
    width: 100%;
    display: block !important;
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 8px;
}

ul#main_menu .sub-menu > li.menu-item.current-menu-item {
    font-family: 'titillium_websemibold';
}

ul#main_menu .sub-menu > li.menu-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

ul#main_menu .sub-menu > li.menu-item a {
    display: inline-block;
    font-size: 18px;
    padding-top: 8px;
    color: #365c81;
    padding-bottom: 5px;
    opacity: 1;
    width: 100%;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    line-height: 1;
}

ul#main_menu .sub-menu > li.menu-item a.active {
    font-family: 'titillium_websemibold';
}

ul#main_menu .sub-menu > li.menu-item a:hover {
    opacity: 0.7;
}

ul#main_menu .sub-menu > li.menu-item > a:after {
    font-family: 'icomoon';
    content: "\e906";
    position: absolute;
    right: 2px;
    top: 15px;
    font-size: 13px;
}

ul#main_menu > li.menu-item > a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    /* left: 25px; */
    left: 1px;
    width: calc(100% - 2px);
    height: 0;
    background-color: transparent;
    -webkit-transition: height .3s, background-color .3s;
    -moz-transition: height .3s, background-color .3s;
    -o-transition: height .3s, background-color .3s;
    transition: height .3s, background-color .3s;
}

ul#main_menu > li.menu-item:last-child > a:after {
    display: none;
}

ul#main_menu > li.menu-item:hover > a:after {
    height: 3px;
    background-color: #365c81;
}

ul#main_menu > .menu-item:last-child {
    margin-left: 22px;
    padding: 0px !important;
}

ul#main_menu > .menu-item:last-child > a {
    padding: 36px 45px 37px !important;
    /* padding-top: 16px;
    display: inline-block;
    padding-bottom: 37px;
    font-size: 26px;
    border-bottom: 4px solid transparent;
    line-height: 20px;
    color: #365c81; */
}

ul#main_menu > .menu-item:last-child a {
    color: #fff !important;
    padding-left: 21px;
    padding-right: 21px;
}

#mobile_menu {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
}


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


/*-------------     MOBILE NAVIGATION    ---------------*/


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

ul#mobile_menu li.menu-item {
    padding-top: 17px;
    margin-bottom: 0px;
    padding-bottom: 17px;
    width: 100%;
    /* border-bottom: 1px solid #1b3753; */
}

ul#mobile_menu li.menu-item:not(:last-child):not(:nth-child(5)):after {
    content: "";
    position: absolute;
    left: 10px;
    bottom: 0;
    height: 1px;
    width: calc(100% - 25px);
    background-color: #1b3753;
}

ul#mobile_menu li.menu-item:last-child {
    border: none;
}

ul#mobile_menu > li::before {
    display: none;
}

ul#mobile_menu > li.menu-item.menu-item-has-children {
    position: relative;
    z-index: 99;
}

ul#mobile_menu > li.menu-item-has-children .icon-arrow-down {
    position: absolute;
    right: 5px;
    top: 22px;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
    transition: transform 0.3s ease-out;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}

ul#mobile_menu > li.menu-item-has-children .icon-arrow-down:before {
    padding: 10px;
}

ul#mobile_menu > li.menu-item-has-children .icon-arrow-down.rotate {
    -webkit-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

ul#mobile_menu li.menu-item a {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 30px;
    display: inline-block;
    width: 100%;
}

ul#mobile_menu li.menu-item.current-menu-item > a {
    font-family: 'titillium_webbold' !important;
}

ul#mobile_menu ul.sub-menu {
    display: none;
    margin-bottom: 0px;
}

ul#mobile_menu > li.menu-item:last-child {
    background-color: #365c81;
}

ul#mobile_menu ul.sub-menu > li.menu-item:last-child {
    border: none;
}

ul#mobile_menu ul.sub-menu > li.menu-item::before {
    display: none !important;
}

ul#mobile_menu ul.sub-menu a {
    text-decoration: none;
    font-size: 18px;
    color: #fff;
}


/* ul#mobile_menu > li.menu-item.custom-menu-item::before
{
    content:"";
    position: absolute;
    height: 46px;
    width: 10px;
    left: -10px;
    top:0;
    background-color: #365c81;
    display: block;
}
ul#mobile_menu > li.menu-item.custom-menu-item:after
{
    content:"";
    display: block;
    position: absolute;
    height: 46px;
    width: 10px;
    right: -10px;
    top:0;
    background-color: #365c81;
} */

.btn_disable {
    pointer-events: none;
}


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


/*------------- ADDITIONAL FORM STYLES ---------------*/


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

form#contact-form,
form#contact-form-header {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

form#contact-form.flip-form,
form#contact-form-header.flip-form {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div#response-holder,
div#response-holder_header {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

span.relative-submit-wrapper {
    position: relative;
    display: inline-block;
    float: right;
}

span.error {
    max-height: 0px !important;
    max-width: 0px !important;
    overflow: hidden;
    display: inline-block !important;
    border: 0px !important;
}

form#kontakt_fm em,
form#kontakt_fm-header em {
    position: absolute;
    top: 7px;
    right: 20px;
    z-index: 100;
    font-style: normal;
}

form#kontakt_fm em:before,
form#kontakt_fm-header em:before {
    content: "\f06a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #ffffff;
    color: red;
    font-weight: 700;
    font-size: 22px;
    width: 20px;
    height: 16px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    cursor: pointer;
    margin: 10px 10px 10px 0px;
}

span.error.hover-active {
    max-height: none !important;
    max-width: 300px !important;
    position: absolute;
    top: 7px;
    right: 40px;
    background: #ededed;
    padding: 6px 10px;
    line-height: 15px;
    border: 0px;
    z-index: 100;
    display: inline-block !important;
    font-size: 13px;
    color: #f90106;
    font-weight: 700;
    overflow: visible;
}

form#kontakt_fm em.hover-active,
form#contact-form-header em.hover-active {
    width: 90%;
    text-align: right;
}

span.error.hover-active:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 16px;
    background: url(images/hover_error_form.png);
    position: absolute;
    top: 5px;
    right: -6px;
}

div#response,
div#response_header {
    font-size: 26px;
    color: rgba(7, 101, 175, 1);
}

#submit[disabled] {
    cursor: no-drop;
}

button[disabled],
html input[disabled] {
    cursor: no-drop;
}

.contact-form-wrapper,
.contact-form-wrapper-header {
    position: relative;
}

label.error {
    display: none !important;
}

#contact-form .error,
#contact-form-header .error {
    border: 1px solid red;
}

div#response {
    font-size: 26px;
    color: rgba(7, 101, 175, 1);
}

input#submit[disabled] {
    cursor: no-drop;
}

.contact-form-wrapper {
    position: relative;
}


.contact-form-wrapper {
    position: relative;
}

label.error {
    display: none !important;
}

#contact-form .error {
    border: 1px solid red;
}


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


/*---------------------- Menu Animations  ------------------------*/


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

#mobile_menu li.menu-item {
    /* -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg); */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#mobile_menu li.menu-item.anim {
    /* -webkit-transform: rotateX(0) !important;
    -moz-transform: rotateX(0) !important;
    -ms-transform: rotateX(0) !important;
    -o-transform: rotateX(0) !important;
    transform: rotateX(0) !important; */
}


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


/*---------------------- Mobile menu burger animation  ------------------------*/


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

.burger {
    position: relative;
    width: 34px;
    height: 36px;
    z-index: 9999;
    float: right;
    bottom: 8px;
    cursor: pointer;
}

div.x,
div.y,
div.z {
    position: absolute;
    margin: auto;
    top: 0px;
    bottom: 0px;
    background: #365c81;
    border-radius: 5px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

div.x,
div.y,
div.z {
    height: 5px;
    width: 32px;
    margin: 0px;
}

div.x {
    top: 0px;
}

div.y {
    top: 10px;
}

div.z {
    top: 20px;
}

div.collapsed {
    top: 10px;
    -webkit-transition: all 70ms ease-out;
    -moz-transition: all 70ms ease-out;
    -ms-transition: all 70ms ease-out;
    -o-transition: all 70ms ease-out;
    transition: all 70ms ease-out;
}

div.rotate30 {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transition: all 50ms ease-out;
    -moz-transition: all 50ms ease-out;
    -ms-transition: all 50ms ease-out;
    -o-transition: all 50ms ease-out;
    transition: all 50ms ease-out;
}

div.rotate150 {
    -ms-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-transition: all 50ms ease-out;
    -moz-transition: all 50ms ease-out;
    -ms-transition: all 50ms ease-out;
    -o-transition: all 50ms ease-out;
    transition: all 50ms ease-out;
}

div.rotate45 {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}

div.rotate135 {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: tranform 100ms ease-out;
    -moz-transition: tranform 100ms ease-out;
    -ms-transition: tranform 100ms ease-out;
    -o-transition: tranform 100ms ease-out;
    transition: tranform 100ms ease-out;
}


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


/*------------------------------ MOBILE MENU --------------------------------- */


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

.container-burger {
    float: right;
    display: none;
    padding-top: 33px;
}

div#mobile-menu-container.activeMenu {
    opacity: 1;
}

div#siteWrapper {
    position: relative;
    z-index: 1;
    min-height: 100vh;
}

div#mobile-menu-container {
    opacity: 0;
    width: 260px;
    position: absolute;
    /*background: #1d1c1c;*/
    height: 100%;
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#mobileMenu {
    width: 260px;
    height: 100%;
    /*background: rgba(25,26,36,0.8);*/
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    position: absolute;
    padding-top: 30px;
    -webkit-transform: translate3d(-260px, 0, 0);
    -moz-transform: translate3d(-260px, 0, 0);
    -ms-transform: translate3d(-260px, 0, 0);
    -o-transform: translate3d(-260px, 0, 0);
    transform: translate3d(-260px, 0, 0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#mobileMenu.activeMenu {
    display: block;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    box-shadow: inset -8px 0px 10px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#siteWrapper.activeMenu {
    -webkit-transform: translate3d(260px, 0, 0);
    -moz-transform: translate3d(260px, 0, 0);
    -ms-transform: translate3d(260px, 0, 0);
    -o-transform: translate3d(260px, 0, 0);
    transform: translate3d(260px, 0, 0);
}

#siteWrapper {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menuOverlay {
    transform: translateX(100%);
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

#menuOverlay.activeMenu {
    position: fixed;
    left: 0;
    width: 100%;
    top: 77px;
    height: calc(100% - 77px);
    transform: translateX(-100%);
    z-index: 11;
    background-color: rgba(33, 65, 96, 0.78);
    display: block;
    opacity: 1;
}

.mobile_menu {
    position: fixed;
    top: 87px;
    width: 100%;
    /* overflow-y: auto; */
    height: calc(100vh - 87px);
    right: -100%;
    background-color: rgba(33, 65, 96, .98);
    z-index: 99;
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.mobile_menu::after {
    content: "";
    position: absolute;
    top: -9px;
    right: 23px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #214160;
}

.mobile_menu.active {
    transform: translate(-100%, 0);
    -moz-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.mobile_menu .mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: 96%;
    left: auto;
    top: 2%;
    right: 5px;
    bottom: 0;
    opacity: .75;
}

.mainContent {
    min-height: calc(100vh - 208px);
    position: relative;
    z-index: 1;
    padding-top: 21px;
}

.homepage_first_sec {
    position: relative;
    height: calc(100vh - 165px);
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
}

.homepage_first_sec:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.hp_video_overlay {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    /* background: rgba(10, 25, 39, 0.3); */
    z-index: 3;
}

.play {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 3;
}

.video_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    z-index: 2;
}

.next_sec {
    position: absolute;
    bottom: 43px;
    left: 50%;
    height: 60px;
    width: 60px;
    z-index: 99;
    cursor: pointer;
    margin-left: -30px;
}

.arr_down {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: 58px;
    color: #365c81;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.next_sec span:before {
    z-index: 3;
    position: relative;
}

.next_sec span:after {
    content: "";
    background-color: rgba(233, 239, 245, 0.7);
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 55px;
    height: 55px;
    z-index: 2;
}

.arr_down:hover {
    opacity: 0.8;
}

.ci_hp {
    position: relative;
    z-index: 15;
    padding-left: 15px;
    padding-right: 15px;
}

.ci_cont {
    display: flex;
    flex-direction: row;
    background-color: #4a7299;
}

.i_elem {
    flex: 1;
    text-align: left;
    padding-left: 68px;
    /* padding-bottom: 47px; */
    /* padding-right: 135px; */
    padding-right: 30px;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    align-items: center;
    display: flex;
    min-height: 166px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.i_elem .icon-pin,
.i_elem .icon-phone,
.i_elem .icon-clock {
    color: #fff;
    font-size: 54px;
    display: inline-block;
    margin-right: 19px;
}

.i_elem:nth-child(2n) {
    background-color: #4a7299;
}

.i_elem:nth-child(2n+1) {
    background-color: #365c81;
}

.i_elem:first-child {
    /* padding-top: 50px;  */
}

.i_elem:hover {
}

.i_elem:nth-child(3) {
    /* padding-top: 50px; */
}

.company_info {
    color: #fff;
    text-decoration: none;
    font-size: 32px;
    font-family: 'titillium_websemibold';
    line-height: 1;
    position: relative;
}

.company_info:hover {
    color: #fff;
}

.company_info.company_phone {
    cursor: pointer;
}

.ci_hp .company_info.company_address {
    /* opacity: 0.6; */
    opacity: 1;
}

.ci_hp .company_info.company_address:focus,
.ci_hp .company_info.company_address:focus {
    opacity: 1;
}

.ci_hp .company_info.company_address:hover,
.ci_hp .company_info.company_address:hover {
    opacity: 0.6;
}

.contact_info .company_phone.company_info:hover::before {
    color: #365c81 !important;
    opacity: 1 !important;
}

.fcs .company_address::before {
    font-family: 'icomoon';
    content: "\e900";
    position: absolute;
    left: -68px;
    top: 12px;
    font-size: 57px;
}


/* .fcs .company_phone::before{

    font-family: 'icomoon';
    content: "\e901";
    position: absolute;
    left:-68px;
    top: -2px;
    font-size: 55px;
} */

.fcs .company_oh::before {
    font-family: 'icomoon';
    content: "\e902";
    position: absolute;
    left: -75px;
    top: 12px;
    font-size: 57px;
}

.gradient {
    background: linear-gradient(to bottom, #dae0e6, #dde3e9, #e1e7ed, #e4eaf0, #e8eef4);
    height: 66px;
    width: 100%;
    position: relative;
    z-index: 14;
}

.cont_bg_video {
    position: relative;
    top: -101px;
    height: 114%;
    padding-bottom: 56%;
    z-index: 1;
}

@media (min-aspect-ratio: 16/9) {
    .load_video {
        max-height: none;
        max-width: calc((5 / 2) * 100vw);
    }
}

.load_video {
    position: absolute;
    pointer-events: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#hp_content {
    z-index: 10;
    background-color: #e9eff5;
}

.hp_second_sec {
    text-align: center;
    margin-top: 47px;
}

.hp_third_sec {
    text-align: center;
    padding-top: 104px;
}

.hp_second_sec .row {
    display: flex;
    align-items: center;
}

.hp_second_sec {
}

.hp_subtitle {
    margin-bottom: 76px;
}

.hp_third_sec {
    padding-bottom: 135px;
}

.cont_main_sl {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}

.main_sl {
    position: static;
    /* padding-left:256px;
    padding-right: 256px; */
    padding-top: 51px;
}

.m_cont_slide {
    padding: 0px 16px;
}

.enable_flex {
    display: flex;
    flex-direction: row;
}

.main_slide {
    min-height: 303px;
    background-color: #fff;
    border: 4px solid #e3eef8;
    padding: 48px 0px 0px;
    text-align: center;
    width: 100%;
}

.main_slide > img {
    height: 135px;
    width: 100%;
    border: none;
}

.cont_sl_name {
    margin-top: 35px;
    padding: 0px 15px;
}

a.ms_link {
    text-decoration: none;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

a.ms_link:hover {
    color: #214669;
    opacity: 0.8;
}

.m_cont_slide {
    display: flex !important;
    height: unset;
}

.main_sl .slick-list {
    margin-left: -16px;
    margin-right: -16px;
}

.prev_arrow,
.next_arrow {
    position: absolute;
    top: calc(50% - 50px);
    height: 82px;
    width: 75px;
    z-index: 9;
    background-color: #a1b4c7;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer;
}

.prev_arrow:hover,
.next_arrow:hover {
    background-color: #365c81;
}

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

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

.cont_main_sl .chevron-left,
.cont_main_sl .chevron-right {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main_sl .slick-dots {
    text-align: center;
    margin-top: 65px;
    padding-left: 0px;
}

.main_sl ul.slick-dots li::before,
.contribution-slider ul.slick-dots li::before {
    display: none !important;
}

.main_sl .slick-dots li {
    display: inline-block;
    /* margin-right: 21px; */
    margin-right: 10px;
    margin-left: 10px;
}

.main_sl .slick-dots li.slick-active button,
.main_sl .slick-dots li:hover button {
    background-color: #365c81;
}

.main_sl .slick-dots li button {
    display: block;
    font-size: 0;
    line-height: 0;
    width: 4px;
    height: 4px;
    padding: 3px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    border-radius: 50%;
    background-color: transparent;
    border: 5px solid #365c81;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: opacity 0.3s;
    transition: background-color 0.3s;
}

.hp_pres_sec {
    padding-bottom: 185px;
    align-items: center;
}

.hp_pres_sec .sec_content {
    position: relative;
}

.section_inner .col_4 .sec_content {
    margin-right: 75px;
    margin-left: 75px;
}

.hp_pres_sec .sec_content:not(.mCS_no_scrollbar):not(.mCS_destroyed):after {
    content: "";
    width: 100%;
    height: 100px;
    background: -moz-linear-gradient(top, rgba(233, 239, 245, 0) 0%, rgba(233, 239, 245, 0.5) 50%, rgba(233, 239, 245, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(233, 239, 245, 0) 0%, rgba(233, 239, 245, 0.5) 50%, rgba(233, 239, 245, 1) 100%);
    background: linear-gradient(to bottom, rgba(233, 239, 245, 0) 0%, rgba(233, 239, 245, 0.5) 50%, rgba(233, 239, 245, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e9eff5', endColorstr='#e9eff5', GradientType=0);
    position: absolute;
    bottom: 0;
    left: 0;
}

.col_8 {
    width: 67.2%;
    float: left;
    position: relative;
}

.col_8.width_col {
    width: 100%;
}

.col_4 {
    width: 32.8%;
    float: left;
    display: flex;
    align-items: center;
    position: relative;
}

.col_4.width_col {
    width: 0%;
}

.slider_vs_hp .slick-track {
    /* width:100%!important; */
}

.slider_vs_hp .prev_arrow,
.slider_vs_hp .next_arrow {
    top: 50%;
    background-color: rgba(54, 92, 129, 0.4);
}

.slider_vs_hp .prev_arrow:hover,
.slider_vs_hp .next_arrow:hover {
    background-color: rgba(54, 92, 129, 1);
}

.hp_sec_cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* height: 100%;
   position: absolute; */
    width: 100%;
}

.slide {
    display: initial !important;
    height: initial
}

.slider_vs_hp .hp_sec_cover {
    width: 100% !important;
    display: inline-block;
}

.sec_content {
    margin-left: 65px;
    margin-right: 50px;
    /* padding-top: 158px; */
    /* max-height: 880px; */
}

.praxis_page .sec_content {
    margin-left: 0px;
}

.praxis_page .pres_sec_fle {
    margin-right: 0px;
}

.mCSB_scrollTools.mCSB_1_scrollbar.mCS-light.mCSB_scrollTools_vertical {
    background-color: #fff !important;
    margin: 0px;
    border-radius: 16px;
    width: 8px;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #365c81;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px !important;
    background-color: #365c81;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #365c81 !important;
}

.mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #365c81 !important;
}

#mCSB_1_dragger_vertical:hover .mCSB_dragger_bar {
    background-color: #365c81 !important;
}

.mCSB_scrollTools .mCSB_dragger {
    left: 0px;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 7px;
    background: #fff;
    background-color: #fff;
}

.prac_content {
    position: absolute;
    max-height: 100%;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    width: calc(100% - 30px);
}

.prac_content:not(.mCS_no_scrollbar):not(.mCS_destroyed):after {
    content: "";
    width: 100%;
    height: 100px;
    background: -moz-linear-gradient(top, rgba(233, 239, 245, 0) 0%, rgba(233, 239, 245, 0.5) 50%, rgba(233, 239, 245, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(233, 239, 245, 0) 0%, rgba(233, 239, 245, 0.5) 50%, rgba(233, 239, 245, 1) 100%);
    background: linear-gradient(to bottom, rgba(233, 239, 245, 0) 0%, rgba(233, 239, 245, 0.5) 50%, rgba(233, 239, 245, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e9eff5', endColorstr='#e9eff5', GradientType=0);
    position: absolute;
    bottom: 0;
    left: 0;
}

.img_play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 170px;
    width: 170px;
    z-index: 4;
    transition: transform ease 500ms;
}


/* .img_play:hover{
    transform: scale(1.1) translate(-45%, -45.5%);

} */

.hpvideo-overlay {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(10, 25, 39, 0.3);
    z-index: 3;
}

.btn_play {
    display: block;
    width: 100%;
}

.sixth_sec {
    text-align: center;
    margin-top: -54px;
}

.header_contribution,
.cs_title,
.contribution_content {
    text-align: left;
}

.contribution_content *:last-child {
    margin-bottom: 0;
}

.cs_title {
    margin-top: 0.7em;
}

.contribution_date {
    color: #75787c;
    position: relative;
    padding-right: 26px;
}

.contribution_image_container {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #f1f2f2;
}

.contribution_image_container img {
    width: 100%;
    height: auto;
}

.cont_contr_slider {
    position: relative;
    margin-bottom: 174px;
    margin-top: 68px;
}

.contribution-slider .prev_arrow{
    left: 16px;
}
.contribution-slider .next_arrow{
    right: 14px;
}
.page-template-template-home .contribution-slider .prev_arrow{
    left: calc((100vw - 100%) / -2);
}
.page-template-template-home .contribution-slider .next_arrow{
    right: calc((100vw - 100%) / -2);
}
.contribution-slider .prev_arrow,
.contribution-slider .next_arrow {
    --slides-to-show: 4;
    top: 0;
    margin-top: calc(((((100% - (var(--slides-to-show) * 30px)) / var(--slides-to-show)) / 0.7143) / 2) - 40px);
    transform: none;
}
@media (max-width: 1499px) {
    .contribution-slider .prev_arrow,
    .contribution-slider .next_arrow {
        --slides-to-show: 3;
    }
}
@media (max-width: 991px) {
    .contribution-slider .prev_arrow,
    .contribution-slider .next_arrow {
        --slides-to-show: 1;
        width: 35px;
        height: 60px;
        background-color: rgba(54, 92, 129, 0.4);
    }
    .contribution-slider .next_arrow{
        right: 16px;
    }
}

.contribution-slider .chevron-left,
.slider_vs_hp .chevron-left,
.slider_vs_hp .chevron-right,
.contribution-slider .chevron-right {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contribution-slider .slick-dots li button {
    display: block;
    font-size: 0;
    line-height: 0;
    width: 4px;
    height: 4px;
    padding: 3px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    border-radius: 50%;
    background-color: transparent;
    border: 5px solid #365c81;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: opacity 0.3s;
    transition: background-color 0.3s;
}

.contribution-slider .slick-dots {
    margin-top: 57px;
    padding: 0;
    text-align: center;
}

.contribution-slider .slick-dots li {
    display: inline-block;
    margin-right: 21px;
}

.contribution-slider .slick-dots li.slick-active button,
.contribution-slider .slick-dots li:hover button {
    background-color: #365c81;
}

.contribution-slider .slic k-dots li button {
    display: block;
    font-size: 0;
    line-height: 0;
    width: 4px;
    height: 4px;
    padding: 3px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    border-radius: 50%;
    background: transparent;
    border: 5px solid #365c81;
}
.contr-slide {
    margin: 0 15px;
}

.contr-link {
    text-decoration: none;
}


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


/*------------------------------ REGULAR PAGE --------------------------------- */


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

.margin_btm-44 {
    margin-bottom: -44px !important;
}

.page_frs {
}

.page_ss {
    padding-bottom: 57px;
}

.page_fs {
    width: 100%;
    min-height: 344px;
    z-index: 10;
    position: relative;
    display: flex;
    align-items: center;
}

.page_fs .container {
    /* position: static; */
}

.page_h:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.inner_title {
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 11;
}

#top_title,
.inner_title h3 {
    color: #fff;
}


.page_fs .inner_title {
    padding-top: 152px;
    padding-bottom: 58px;
}

.page_fs .cont-border {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    z-index: 16;
}

.page_content {
    margin-top: 22px;
}

.page_content.page_content__regular {
    margin-top: 101px;
    margin-bottom: 147px;
}

.youtube_container {
    position: relative;
}

.youtube_container .btn_play {
    height: 100%;
    transform: translate(0, -50%);
}

.rp_gal_img {
    margin: 16px 0px;
    position: relative;
}

.rp_gal_img > img {
    width: 100%;
}

.img_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(54, 92, 129, 0);
    z-index: 2;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.rp_gal_img:hover .img_overlay {
    background: rgba(54, 92, 129, 0.5);
}

.inner_plus {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 3;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.rp_gal_img:hover .inner_plus {
    opacity: 1;
}

.gallery-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.gallery-image img {
    width: 100%;
    height: auto;
}

.page_fifs {
    margin-bottom: 4px;
}


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


/*------------------------------ BEHANDLUNGEN --------------------------------- */


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

.common_fs {
    position: relative;
    width: 100%;
    min-height: 345px;
    z-index: 10;
    /* display: flex;
    align-items: center; */
    padding-top: 173px;
    padding-bottom: 88px;
}

.common_fs:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
}

.common_fs.hasSubtitle {
    padding-top: 152px;
    padding-bottom: 34px;
}

.common_fs:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000;
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    z-index: 10;
}

.common_fs .container {
    /* position: static; */
}

.common_fs .inner_title #title {
    /*  margin-top: -18px; */
}

.behandlungen_second_sec {
    padding-bottom: 57px;
    text-align: center;
    padding-top: 102px;
}

.treatments {
    margin-top: 108px;
}

.behandlungen_second_sec + .treatments {
    margin-top: 0;
}

.common_fs .cont-border {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    /* transform: translateY(100%); */
    z-index: 16;
}

.beh_border {
    height: 10px;
    /* border-bottom: 2px solid #fff; */
}

.beh_border:nth-child(2n) {
    background-color: #4a7299;
}

.beh_border:nth-child(2n+1) {
    background-color: #365c81;
}

.treatment {
    margin-bottom: 180px;
}

.treatment_cover_cont {
    height: 100%;
    width: calc(100% - 30px);
    position: absolute;
    top: 0;
    left: 15px;
}

.treatment_cover_image__ {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

.treatment_cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
}

.treatment_cover_overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(54, 92, 129, 0.3);
    z-index: 2;
}

.threatment_img {
    position: absolute;
    height: 240px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
}

.trtm_lcont_mob {
    display: none;
}

.overlay_beh {
    background: rgba(54, 92, 129, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
}

.treatment_content__wrapper {
    position: absolute;
    top: 50%;
    left: 15px;
    width: calc(100% - 30px);
    max-height: 100%;
    transform: translateY(-50%);
}

.center_child_item {
    display: flex;
    align-items: center;
}

.treatment_content.mCustomScrollbar {
    /* max-height: 100%!important;   */
}

.treatment_content {
    position: absolute;
    top: 50%;
    left: 60px;
    height: auto;
    max-height: 100% !important;
    transform: translateY(-50%);
    width: calc(100% - 70px);
}

.ie_treatment {
    height: 100%;
}

.ie_treatment .mCustomScrollBox {
    display: flex;
    align-items: center;
}

.praxis_page .pres_sec_fle .treatment_content {
    width: calc(100% - 120px);
}

.height100 {
    height: 100%;
    /* min-height: 100%; */
}

.safari .height100 {
    height: auto;
}

.mCS_no_scrollbar.acf-map.height100 {
    height: none;
}

.height685 {
    min-height: 685px;
}

.treatment_content.mCS_no_scrollbar {
    /* max-height: unset; */
}

.mCustomScrollBox {
    /* max-height: unset; */
}

.treatment_content.mCS_destroyed {
    display: flex;
    align-items: center;
    /* height: 100%; */
}

.mCS_no_scrollbar {
    /* height:unset; */
}

.treatments .treatment_content {
    left: 15px;
    width: calc(100% - 27px);
}

.treatments.treatments .treatment_mob .treatment_content {
    left: 15px;
    width: calc(100% - 37px);
}

.treatment_content #mCSB_1 {
    /* max-height: none!important; */
}

.treatment_content:not(.mCS_no_scrollbar):not(.mCS_destroyed):not(.ie_treatment):after {
    content: "";
    width: 100%;
    height: 100px;
    background: -moz-linear-gradient(top, rgba(233, 239, 245, 0) 0%, rgba(233, 239, 245, 0.5) 50%, rgba(233, 239, 245, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(233, 239, 245, 0) 0%, rgba(233, 239, 245, 0.5) 50%, rgba(233, 239, 245, 1) 100%);
    background: linear-gradient(to bottom, rgba(233, 239, 245, 0) 0%, rgba(233, 239, 245, 0.5) 50%, rgba(233, 239, 245, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e9eff5', endColorstr='#e9eff5', GradientType=0);
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.treatment_content #mCSB_3_scrollbar_vertical {
    z-index: 3;
}


/* .treatment_content.mCustomScrollbar._mCS_1:after
{
    content: "";
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 35%,  rgba(255,255,255,0.6) 75%, rgba(255,255,255,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 35%,rgba(255,255,255,0.6) 75%,rgba(255,255,255,0.8) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 35%,rgba(255,255,255,0.6) 75%,rgba(255,255,255,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    height: 89px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    pointer-events: none;
} */

.praxis_page .sec_content {
    margin-bottom: 181px;
}

.praxis_page, .wrapper_container {
    margin-bottom: 159px;
    margin-top: 108px;
}

a.inactive {
    pointer-events: none !important;
    cursor: default !important;
}

.team-page {
    margin-top: 109px;
    margin-bottom: 16px;
}

.vocation {
    padding-bottom: 150px;
}

.dentals .row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    align-items: start;
    grid-auto-rows: 1fr;
}

.dentals .row::before,
.dentals .row::after {
    display: none;
}

.dental-item {
    display: flex;
    height: 100%;
}

.dental {
    position: relative;
    border: 1px solid #d2deea;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.dental > a {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 100%;
}

.dental_img {
    width: 100%;
    flex: 1;
    object-fit: cover;
    object-position: center 15%;
    display: block;
    min-height: 400px;
}

.dental_info {
    position: absolute;
    left: 0;
    bottom: 0;
    min-height: 132px;
    width: 100%;
    background-color: rgba(250, 250, 250, 0.9);
    text-align: center;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 527px;
    overflow: hidden;
}

.dental_name {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
    padding: 0;
}

.dental_info h6.gray_text {
    margin: 0;
}


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


/*------------------------------ CONTACT --------------------------------- */


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

.contact_info .company_info {
    font-family: 'titillium_webregular';
    font-size: 18px;
    color: #000;
    padding-left: 52px;
    display: inline-block;
}

.contact_info .company_info.company_phone {
    padding-left: 24px;
    padding-bottom: 8px;
}

.contact_info .company_address,
.contact_info .company_phone {
    display: inline-block;
}

.contact_info .company_email.company_info {
    color: #365c81 !important;
    padding-bottom: 0px;
    margin-bottom: -9px;
}

.contact_info .company_info {
    line-height: 1.4;
}

.contact_info .company_address::before {
    font-size: 28px;
    color: #365c81;
    left: 0px;
    top: 0px;
}

.contact_info .icon-phone {
    position: relative;
    font-size: 28px;
    color: #365c81;
    top: 7px;
    left: 0px;
}

.contact_info .company_info.company_phone:hover {
    opacity: 0.6;
}

.contact_info .company_email::before {
    font-family: 'icomoon';
    content: "\e90b";
    position: absolute;
    left: 0px;
    top: -6px;
    font-size: 28px;
    color: #365c81;
    cursor: default !important;
}

.contact_info .company_email.company_info:hover {
    color: #628cb6 !important;
}

.i_elem .company_info.company_phone:hover {
    opacity: 0.6;
}

.contact_info_msg {
    font-size: 18px;
    color: #000;
    padding-left: 52px;
    padding-bottom: 5px;
    display: inline-block;
    padding-top: 14px;
}

.cont_btn_emergency {
    margin-top: 39px;
}

.btn_emergency {
    padding-left: 122px;
    padding-right: 70px;
    padding-top: 15px;
    padding-bottom: 17px;
    font-size: 22px;
}

.btn_emergency:before {
    content: " ";
    position: absolute;
    top: 16px;
    left: 71px;
    background-image: url(images/Notfall.svg);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 19.1px;
    color: #ccc;
    font-size: 27px;
    width: 16px;
    height: 20px;
}

.btn_emergency.btn_blue::after {
    display: none;
}

.nfp_phone:hover {
    opacity: 0.6;
}

.oh_label {
    margin-bottom: 20px;
}

.cont-work_hours {
    padding-top: 5px;
}

.oh_day {
    padding-left: 15px;
    width: 40%;
    float: left;
    padding-top: 11px;
    padding-bottom: 14px;
}

.oh_time {
    width: 60%;
    float: left;
    padding-top: 11px;
    padding-bottom: 14px;
}

.oh_fill {
    background-color: #eff4f9;
}

.oh_time:nth-child(2n+1) {
    background-color: #eff4f9;
}

.oh_msg {
    margin-top: 28px;
}

.form_info {
    margin-top: 142px;
}

.form-field {
    width: 100%;
    height: 57px;
    color: #a2a2a2;
    border: 1px solid #d2deea;
    background-color: #fafafa;
    padding-left: 22px;
    position: relative;
    -webkit-appearance: none;
    border-radius: 0;
    margin-bottom: 17px;
    vertical-align: top;
}

.form-field::-ms-clear {
    display: none;
}

.cont-form-field:after {
    content: "*";
    position: absolute;
    right: 36px;
    top: 14px;
    font-size: 28px;
    color: #a2a2a2;
}

.cont-form-field .form-field {
    padding-right: 45px;
}

input[type=text]::placeholder,
input[type=email]::placeholder {
    color: #a2a2a2;
}


#l-notify {
    position: fixed;
    bottom: 0;
    z-index: 1100;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(54, 92, 129, 1);
    -webkit-backdrop-filter: saturate(180%) blur(12px);
    -moz-backdrop-filter: saturate(180%) blur(12px);
    backdrop-filter: saturate(180%) blur(12px);
    border-top: 1px solid #DAE0E3;
    padding: 25px 15px;
    color: #fff;
    font-size: 2.5rem;
    line-height: 1.3em;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    transform: translate(0,100%);
    -webkit-transition: transform .25s, opacity .25s, visibility .25s;
    -moz-transition: transform .25s, opacity .25s, visibility .25s;
    -ms-transition: transform .25s, opacity .25s, visibility .25s;
    -o-transition: transform .25s, opacity .25s, visibility .25s;
    transition: transform .25s, opacity .25s, visibility .25s;
}


#l-notify.l-error{
    border-top: 1px solid red;
    background-color: red;
}

#l-notify.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}


textarea::-webkit-input-placeholder {
    color: #a2a2a2;
}

textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #a2a2a2;
}

textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #a2a2a2;
}

textarea:-ms-input-placeholder {
    color: #a2a2a2;
}

textarea::placeholder {
    color: #a2a2a2;
}

.contact_msg.form-field {
    height: 168px;
    text-align: left;
    white-space: normal;
    resize: none;
    padding-left: 20px;
    padding-top: 13px;
    padding-right: 20px;
}

.cont_btn_send {
    text-align: right;
    padding-top: 2px;
}

#ff_submit {
    padding-top: 13px;
    padding-left: 55px;
    padding-bottom: 14px;
    padding-right: 48px;
}

#ff_submit.btn_blue:after {
    /* right: 47px; */
}

.fsc_cont_btn,
.ssc_cont_btn {
    margin-top: 52px;
    width: 100%;
    text-align: center;
    background-color: #365c81;
    border-radius: 5px;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.fsc_cont_btn .btn_blue,
.ssc_cont_btn .btn_blue {
    width: 100%;
}

.fsc_cont_btn:hover,
.fsc_cont_btn:hover > .btn_blue,
.ssc_cont_btn:hover,
.ssc_cont_btn:hover > .btn_blue {
    background-color: #214669;
}

.fsc_cont_btn .btn_blue:focus,
.ssc_cont_btn .btn_blue:focus {
    background-color: #365c81;
    color: #fff;
}

.contact-form-wrapper {
    width: 100%;
    height: 400px;
}

.contact_content {
    margin-top: 116px;
    margin-bottom: 150px;
}

.page_content {
    min-height: calc(100vh - 414px);
}


.contact-form-wrapper,
.contact-form-wrapper-header {
    position: relative;
}

label.error {
    display: none !important;
}

#contact-form .error,
#contact-form-header .error {
    border: 1px solid red;
}

form#contact-form,
form#contact-form-header {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

form#contact-form.flip-form,
form#contact-form-header.flip-form {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div#response-holder,
div#response-holder_header {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

span.relative-submit-wrapper {
    position: relative;
    display: inline-block;
    float: right;
}

span.error {
    max-height: 0px !important;
    max-width: 0px !important;
    overflow: hidden;
    display: inline-block !important;
    border: 0px !important;
}

form#contact-form em,
form#contact-form-header em {
    position: absolute;
    top: 7px;
    right: 0px;
    z-index: 100;
    font-style: normal;
}

form#contact-form em:before,
form#contact-form-header em:before {
    content: "\f06a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #ffffff;
    color: red;
    font-weight: 700;
    font-size: 22px;
    width: 20px;
    height: 16px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    cursor: pointer;
    margin: 10px 10px 10px 0px;
}

span.error.hover-active {
    max-height: none !important;
    max-width: 300px !important;
    position: absolute;
    top: 7px;
    right: 40px;
    background: #ededed;
    padding: 6px 10px;
    line-height: 15px;
    border: 0px;
    z-index: 100;
    display: inline-block !important;
    font-size: 13px;
    color: #f90106;
    font-weight: 700;
    overflow: visible;
}

form#contact-form em.hover-active,
form#contact-form-header em.hover-active {
    width: 90%;
    text-align: right;
}

span.error.hover-active:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 16px;
    background: url(images/hover_error_form.png);
    position: absolute;
    top: 5px;
    right: -6px;
}

div#response,
div#response_header {
    font-size: 26px;
    color: rgba(7, 101, 175, 1);
}

#submit[disabled] {
    cursor: no-drop;
}

button[disabled],
html input[disabled] {
    cursor: no-drop;
}

.contact-form-wrapper,
.contact-form-wrapper-header {
    position: relative;
}

label.error {
    display: none !important;
}

#contact-form .error,
#contact-form-header .error {
    border: 1px solid red;
}

.acf-map {
    height: 495px;
    border: 1px solid #cfdbe7;
    margin-top: 45px;
}

.gm_section {
    margin-bottom: 30px;
}

.gm_section .maps-wrapper {
    width: 100%;
    max-height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color: #f0f0f0;
}

.gm_section .maps-wrapper:is(:hover) img {
    transform: scale(1.025);
}

.gm_section .maps-wrapper img {
    max-width: 100%;
    max-height: 100%;
    min-width: 550px;
    object-fit: contain;
    transition: transform 0.2s;
}

.gm-style-cc {
    display: none;
}


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


/*------------------------------ NOTFALL --------------------------------- */


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

.nofall-page {
    margin-top: 134px;
    margin-bottom: 126px;
}

.nfp_fs {
    position: relative;
}

.circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 160px;
    width: 160px;
    background-color: rgba(54, 92, 129, 0.3);
    border-radius: 50%;
}

.inner_circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 140px;
    width: 140px;
    border-radius: 50%;
    background-color: #365c81;
}

.inner_circle::after {
    content: "";
    background-image: url(images/Notfall.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 42px;
    height: 4px;
    width: 0px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 11;
}

.nfp_ss {
    position: relative;
    text-align: center;
    margin-top: 109px;
}

.cont_btn_pdf {
    margin-top: 50px;
}

.tel_contact {
    display: inline-block;
}

.pdf-btn {
    position: relative;
    padding: 9px 47px 14px 49px;
    background-color: #365c81;
    color: #fff;
    border-radius: 6px;
    display: inline-block;
    font-size: 18px;
    text-align: left;
    text-decoration: none;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.pdf-btn:hover,
.pdf-btn:focus {
    background-color: #214669;
    color: #fff;
}

.nfp_phone {
    margin-bottom: 0.24em;
}

.pdf-btn:after {
    font-family: 'icomoon';
    content: "\e90e";
    position: relative;
    right: auto;
    left: auto;
    padding-left: 15px;
    top: 2px;
    font-size: 20px;
}

.arr_btm {
    position: absolute;
    left: 50%;
    bottom: -27px;
    height: 56px;
    width: 56px;
    background-color: #e9eff5;
    border-right: 3px solid #c6d5e4;
    border-bottom: 3px solid #c6d5e4;
    transform: translate(-50%, 0) rotate(45deg);
}

.nfp_ts {
    margin-top: 150px;
    text-align: center;
}

.nfpts_cont_btn {
    margin-top: 50px;
    margin-bottom: 54px;
}

.nfp_ts_content {
    margin-top: 30px;
}

.content_404 {
    text-align: center;
    /* margin-bottom: 180px; */
    margin-top: 101px;
}

.error404 #page_content {
    width: 100%;
    padding-bottom: 152px;
}

.btn_err404 {
    margin-top: 27px;
}

.news {
    margin-bottom: 70px;
}

.page_single {
    padding-bottom: 94px;
    text-align: left;
}

.news hr:last-child {
    display: none;
}

.gecko .treatment_content.mCS_destroyed,
.gecko .treatment_content.mCS_no_scrollbar .mCS_no_scrollbar_y {
    display: block;
}

.data_protection {
    padding-top: 17px;
}


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


/*------------------------------ FOOTER --------------------------------- */


/*-----------------------------------------------------------------------------*/
.wrapper_container {
    display: flex;
    margin-left: 60px;
    margin-right: 60px;
}

.treat_text {
    margin-left: 25px;
}

.tream_img {
    width: 150px;
    height: 150px;
}

.treatment_grid {
    display: flex;
    flex-wrap: wrap;
}

.treats_box {
    padding: 25px;
    width: 300px;
    height: 300px;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all 0.2s ease;
}

.treats_box:hover {
    transform: scale(1.01);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.treats_container {
    display: flex;
    flex-direction: row;
}

.treatment_container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 10px;
}

.treatment_container p {
    margin: unset;
    text-align: center;
}

.praxis_page .sec_content:last-child {
    margin-bottom: 0;
}

@media (max-width: 1700px) {
    .treats_box {
        width: 240px;
        height: 240px;
    }
}
@media (max-width: 1650px) {
    .praxis_page {
        margin-bottom: 60px;
    }
    .praxis_page .sec_content {
        align-items: center;
        margin-bottom: 100px;
    }
    .praxis_page .treatment_content {
        position: relative;
        top: unset;
        left: unset;
        margin: 0 auto;
        transform: translate(0);
    }

}
@media (max-width: 1550px) {
    .treats_box {
        width: 40%;
        height: auto;
    }
    .tream_img {
        width: 125px;
        height: 125px;
    }
}

@media (max-width: 1350px) {
    .praxis_page .sec_content {
        flex-direction: column !important;
        gap: 30px;
        margin-bottom: 60px;
        margin-right: 0;
    }

    .praxis_page .sec_content:nth-child(even) {
        flex-direction: column-reverse !important;
    }

    .praxis_page .col_8,
    .praxis_page .col_4 {
        width: 100%;
    }
    .praxis_page .treatment_content {
        width: 100% !important;
        padding: 0 15px;
    }
}

@media (max-width: 1000px) {
    .treats_box {
        width: 100%;
        height: auto;
    }
    .tream_img {
        width: 125px;
        height: 125px;
    }
}

@media (max-width: 767px) {
    .wrapper_container {
        flex-direction: column-reverse;
        margin-top: 54px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

#footer {
    background-color: #2a4b6b;
}

.sub_footer {
    min-height: 90px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ci_hp_footer,
.sub_footer {
    margin-left: 15px;
    margin-right: 15px;
}

.sub_footer > .row {
    height: 100%;
}

.footer_links,
.right_footer,
.footer_img {
    display: flex;
    align-items: center;
    height: 90px;
    padding-left: 68px;
}

.width_100 {
    /*width: 100%;*/
    height: 75px;
}
.width_50 {
    /*width: 50%;*/
    height: 50px;
}

@media (max-width: 1300px) {
    .width_50 {
        height: 40px;
    }
}

@media (max-width: 1000px) {
    .footer_links, .right_footer {
        width: 100%;
        text-align: center;
    }
    .width_50 {
        height: 30px;
    }
}

@media (max-width: 720px) {
    .sub_footer {
        flex-wrap: wrap;
        gap: 10px;
    }
    .right_footer {
        padding: 0 !important;
        text-align: left !important;
    }
}

.cont_contact_ftr {
    background-color: #365b7f;
}

.contact_footer {
    padding: 48px 0px 39px;
    width: 100%;
    text-align: center;
}

.contact_footer .ci_cont {
    background-color: transparent;
    padding: 0 83px;
    display: flex;
    padding: 0 153px;
    align-items: center;
    justify-content: space-around;
}

#footer_logo {
    height: 100px;
    width: auto;
}

.ci_ftr {
    margin-top: 48px;
}

.ftr_ci_elem:nth-child(1) {
    /* padding-left: 264px; */
}

.ftr_ci_elem:nth-child(2) {
    padding: 0 37px;
}

.ftr_ci_elem:nth-child(3) {
    /* text-align: left;
    padding-left: 88px; */
}

.ftr_ci_elem .company_info {
    font-family: 'titillium_webregular';
    font-size: 24px;
    display: inline-block;
    text-align: left;
}

.ftr_ci_elem {
    display: flex;
    align-items: center;
}

.ftr_ci_elem .icon-phone,
.ftr_ci_elem .icon-pin,
.ftr_ci_elem .icon-clock {
    color: #fff;
    font-size: 47px;
    display: inline-block;
    margin-right: 18px;
}

.ftr_ci_elem .company_phone {
    display: inline-block;
    border-bottom: 2px solid transparent;
    padding-bottom: 4px;
}

.ftr_ci_elem .company_phone,
.ftr_ci_elem .company_address {
    border-bottom: 2px solid transparent;
    padding-bottom: 4px;
}

.ftr_ci_elem .company_phone:hover,
.ftr_ci_elem .company_address:hover,
.ftr_ci_elem .company_phone:focus,
.ftr_ci_elem .company_address:focus {
    border-bottom: 2px solid #fff;
}

.ftr_ci_elem .company_address::before {
    font-size: 47px;
    top: 2px;
}

.ftr_ci_elem .company_phone::before {
    top: 2px;
    left: -60px;
    font-size: 45px;
}

.ftr_ci_elem .company_address {
    display: inline-block;
    color: #fff;
}

.ftr_ci_elem .company_oh::before {
    top: 2px;
    left: -68px;
    font-size: 45px;
}

.left_footer {
    margin-top: 25px;
    text-align: left;
    margin-bottom: 25px;
}

.ftr_link {
    position: relative;
    text-decoration: none;
    color: #d5e2ef;
    font-size: 18px;
    padding-right: 17px;
}

.ftr_link:not(:first-child) {
    padding-left: 8px;
}

.ftr_link:not(:last-child):after {
    content: "|";
    position: absolute;
    font-size: 20px;
    right: 0;
    top: -2px;
    color: #1a3651;
}

.right_footer {
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: left;
    color: #d5e2ef;
    line-height: 1;
}

.right_footer .c_span:first-child {
    display: flex;
    position: relative;
    top: 2px;
}

.right_footer .c_span:first-child::before {
    content: "\00A9";
    font-size: 24px;
    font-family: 'titillium_webregular';
}

.footer_separator {
    padding-left: 8px;
    padding-right: 9px;
    color: #1a3651;
    font-size: 20px;
}

.text-center {
    text-align: center !important;
}

.contact-page {
    margin-top: 75px;
}

.h1__title {
    margin-bottom: 35px;
}

/* ErgoDent Custom Styles */
.booking_container {
    position: sticky;
    bottom: 0;
    width: 100%;
    padding: 25px;
    z-index: 99999;
}
.booking_container .button {
    min-width: fit-content;
    transition: transform 0.25s, opacity 0.25s;
}
.booking_container:not(.active) .button {
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
}

.booking_text {
    display: inline-block;
}

/* Video controls */
#hero_video_play {
    position: absolute;
    top: auto;
    left: 50%;
    width: 100px;
    height: 100px;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    cursor: pointer;
    -webkit-transition: top .25s;
    -moz-transition: top .25s;
    -ms-transition: top .25s;
    -o-transition: top .25s;
    transition: top .25s;
    cursor: pointer;
}

#hero_video_play .hero_play_poster {
    display: none;
}

#hero_video_play img.hero_play {
    width: 100%;
    height: 100%;
}

.homepage_top {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    overflow: hidden;
}

.no_overflow_container,
.praxis_page,
.cont-border,
.team-page,
.wrapper_container {
    overflow: hidden;
}

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


/*------------------------------ MEDIA QUERY --------------------------------- */


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

@media screen and (orientation: landscape) and (max-width: 1024px) {
    .homepage_first_sec {
        height: 100vh !important;
    }

    #homepage_top_section_wrap {
        min-height: calc(100vh + 77px) !important;
    }
}

@media screen and (orientation: landscape) and (max-width: 768px) {

    #homepage_top_section_wrap {
        min-height: calc(100vh + 240px) !important;
    }
}

@media (min-width: 1921px) {
    .main_slide > img {
        height: 80%;
    }

    .sec_content {
        max-height: none;
    }

    .height100vh {
        height: auto !important;
    }
}

@media (max-width: 1919px) {
    video.hero_video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    div.hero_initial_image {
        background-position: center;
    }
}

@media (max-width: 1616px) {
    .i_elem .icon-pin,
    .i_elem .icon-phone,
    .i_elem .icon-clock {
        font-size: 45px;
    }

    .company_info {
        font-size: 20px;
    }

    .company_oh::before,
    .company_address::before {
        top: 7px;
    }

    .company_phone::before {
        top: -6px;
    }

    .main_sl {
        padding: 0px 50px;
    }

    .i_elem{
        min-height: 80px;
    }
}

@media (min-width: 1460px) {
    .container {
        width: 1430px;
    }

    .dental_name {
        /* padding: 0px 20px;
        font-size:25px; */
    }

    #main_menu li.menu-item {
        font-size: 24px;
    }

    .dentals .row {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1440px) {
    #main_menu li.menu-item:last-child {
        margin-left: 0px;
    }
}

@media (max-width: 1460px) {
    .contact_footer .ci_cont {
        padding: 0 120px;
    }

    .contact_footer .ftr_ci_elem:nth-child(2) {
        padding: 0px 20px;
    }
}

@media (max-width: 1393px) {
    ul#main_menu > .menu-item:last-child > a {
        padding: 36px 32px 37px !important;
    }

    .col_4,
    .col_8 {
        /* text-align: center;
        width: 100%; */
        /* display: block; */
    }

    .treatment_text ul {
        text-align: left;
    }

    .section_inner .col_4 .sec_content {
        margin-left: 40px;
        margin-right: 75px;
    }

    .flex_reverse_when_1200 .col_4 .sec_content {
        margin-right: 40px;
        margin-left: 75px;
    }
}

@media (max-width: 1391px) {
    ul#main_menu > li.menu-item {
        padding: 20px 10px 0px;
    }
    ul#main_menu ul.sub-menu {
        left: 10px;
    }
    ul#main_menu .submenu-left ul.sub-menu {
        right: 10px;
    }

    ul#main_menu > li.menu-item a {
        font-size: 23px;
    }

    ul#main_menu .menu-item:last-child {
        margin-left: 0px;
    }

    ul#main_menu > .menu-item:last-child > a {
        padding: 36px 32px 37px !important;
    }

    .main_sl {
        padding: 0px 10%;
    }
}

@media (min-width: 1300px) {
    .treatment_container {
        width: 75%;
    }

    .treat_text {
        width: 25%;
    }
}

@media (max-width: 1300px) {
    .cont_bg_video {
        padding-bottom: 84%;
    }
}

@media (max-width: 1220px) {
    .logo_cont {
        margin-right: 10px;
    }

    .cont_main_menu {
        width: calc(100% - 357px);
    }

    ul#main_menu .custom-menu-item a {
        padding-left: 0px;
        padding-right: 0px;
    }
}

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

    .section_inner .col_4 .sec_content {
        margin-left: 15px;
        margin-right: 15px;
    }

    .right_footer .c_span:first-child:before {
        right: 145px;
        top: 0px;
    }

    .load_video {
    }

    .sec_content {
    }

    .homepage_first_sec {
        height: calc(100vh - 82px);
    }

    .pres_sec_fle {
        /* display: flex;
        flex-direction: column-reverse!important; */
    }

    .prac_content {
        padding-left: 0px;
    }

    .col_8 {
        /* min-height: 505px!important; */
    }

    .vocation {
        /* padding-bottom: 70px; */
        padding-bottom: 0px;
    }

    .vocation[data-index="0"] {
        padding-bottom: 49px;
    }

    .container-burger {
        display: inline-block;
    }

    .cont_main_menu {
        width: calc(100% - 240px);
    }

    .logo_cont {
        margin-top: 25px;
        width: 220px;
    }

    #main_menu {
        display: none !important;
    }

    .menu_container {
        padding: 0px 5px 0px 15px;
    }

    .left_footer {
        text-align: center;
        margin-top: 31px;
        margin-bottom: 0px;
    }

    /*.right_footer {*/
    /*    text-align: center;*/
    /*    padding-bottom: 31px;*/
    /*}*/

    .c_span:first-child {
        padding-left: 13px;
    }

    .c_span {
        /* display: block; */
    }

    .footer_separator {
        /* display: none; */
    }

    .ci_ftr {
        margin-top: 30px;
    }

    .ftr_ci_elem:nth-child(1),
    .ftr_ci_elem:nth-child(2),
    .ftr_ci_elem:nth-child(3) {
        display: block;
        text-align: center;
        margin-top: 15px;
    }

    .ftr_ci_elem .icon-phone,
    .ftr_ci_elem .icon-pin,
    .ftr_ci_elem .icon-clock {
        display: block;
    }

    .ci_ftr .ci_cont {
        flex-direction: column;
        position: relative;
        text-align: center;
    }

    .ftr_ci_elem .company_info {
        text-align: center;
        padding-top: 40px;
    }

    .ftr_ci_elem .company_address:before,
    .ftr_ci_elem .company_phone:before,
    .ftr_ci_elem .company_oh:before {
        left: 50%;
        top: -10px;
        transform: translateX(-50%);
    }

    .ftr_ci_elem .company_phone:before,
    .ftr_ci_elem .company_oh:before {
        font-size: 34px;
    }

    .ftr_ci_elem .company_address:before {
        font-size: 40px;
    }

    .main_sl {
        padding: 0px 180px;
    }

     .i_elem,
    .i_elem:first-child {
        order: 2;
        background-color: #4a7299;
    }
}

@media (max-width: 1342px) {
    .footer_links, .right_footer, .footer_img,
    .i_elem {
        padding-left: 40px;
        padding-right: 10px;
    }
}

@media (max-width: 1200px) {
    /* div#hero {
        display: none;
    } */
    .treatment_text ul li {
        text-align: left;
    }

    .main_sl .slick-dots li {
        margin-right: 5px;
        margin-left: 5px;
    }

    .company_address::before,
    .company_oh::before {
        top: 5px;
    }

    .hp_pres_sec {
        flex-direction: column !important;
        margin-left: 15px;
        margin-right: 15px;
        padding-bottom: 60px;
    }

    .hp_pres_sec.pres_sec_fle {
        flex-direction: column-reverse !important;
    }

    .hp_pres_sec .sec_content.mCustomScrollbar._mCS_1:after {
        display: none;
    }

    .col_4,
    .col_8 {
        text-align: center;
        width: 50%;
        display: block;
    }

    .ftr_ci_elem .company_info {
        font-size: 20px;
    }

    .ftr_ci_elem .company_phone::before {
        font-size: 34px;
    }

    .footer_links, .right_footer, .footer_img,
    .ci_hp_footer .i_elem {
        padding-left: 30px;
    }

    .i_elem:nth-child(2) {
        order: 1;
        /* padding-top: 29px; */
        background-color: #365c81;
    }

    .i_elem:nth-child(3) {
        /* padding-top: 17px; */
        background-color: #365c81;
    }

    .company_phone::before {
        left: -40px;
    }

    .company_address::before {
        left: -43px;
    }

    .company_oh::before {
        left: -40px;
    }

    .company_info {
        font-size: 16px;
    }

    .company_address::before,
    .company_phone::before,
    .company_oh::before {
        top: 7px;
        font-size: 28px;
    }

    .company_address::before {
        font-size: 32px;
    }

    .company_phone::before {
        top: -2px;
    }

    .hp_sec_cover {
        height: auto;
        position: relative;
    }

    .hp_pres_sec .sec_content {
        margin-top: 89px;
    }

    .i_elem .icon-pin,
    .i_elem .icon-phone,
    .i_elem .icon-clock {
        font-size: 40px;
    }

    /*.right_footer {*/
    /*    padding-top: 15px;*/
    /*}*/
}

@media (max-width: 1200px) {
    .right_footer {
        justify-content: center;
        display: flex;
    }
    .footer_separator {
        /*display: none;*/
    }
}

@media (max-width: 1199px) {
    .footer_links, .footer_img {
        justify-content: center;
    }
}

@media (max-width: 1000px) {
    .treatments {
        margin-top: 55px;
        margin-bottom: 16px;
    }

    .praxis_page .pres_sec_fle .treatment_content {
        width: calc(100% - 30px);
    }

    .page_content.page_content__regular {
        margin-top: 67px;
        margin-bottom: 109px;
    }

    .gm_section {
        margin-top: 25px;
    }

    .contact_content {
        margin-top: -3px;
        margin-bottom: 111px;
    }

    .behandlungen_second_sec {
        padding-bottom: 29px;
        padding-top: 69px;
    }

    .praxis_page {
        margin-top: 75px;
        margin-bottom: 55px;
    }

    .team-page {
        margin-top: 75px;
        margin-bottom: 126px;
    }

    .contact-page {
        margin-top: 35px;
    }

    .nofall-page {
        margin-top: 101px;
        margin-bottom: 87px;
    }

    .editor_ui_right .btn_blue,
    .editor_ui_left .btn_blue {
        width: 100%;
    }

    .slick-dots {
        display: none !important;
    }

    .treatments .trtmnt_lcont {
        display: none;
    }

    .trtmnt_lcont {
        height: 70px;
        width: 70px;
        padding: 0px;
        margin-left: 15px;
    }

    .overlay_beh {
        background: rgba(54, 92, 129, 1);
    }

    .treatment_content .mCSB_inside > .mCSB_container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .treatments .threatment_img {
        height: 40px;
    }

    .treatments .treatment {
        padding-bottom: 0;
        margin-bottom: 96px;
    }

    .treatments .treatment:last-child {
        margin-bottom: 56px;
    }

    .treatment_mob {
        display: flex;
        flex-direction: column-reverse;
    }

    .treatment {
        padding-bottom: 71px;
        flex-direction: column;
    }

    .trtm_lcont_mob {
        display: block;
        position: relative;
        height: 70px;
        width: 70px;
        background-position: center center;
        flex: 0 0 70px;
        background-color: #365c81;
        margin: 0 auto 25px;
    }

    .trtm_lcont_mob img {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 31px;
        width: auto;
        padding: 21px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        transform: translate(-50%, -50%);
    }

    .treatments .treatment_content,
    .treatments.treatments .treatment_mob .treatment_content {
        left: 0;
        width: 100%;
    }

    .treatment_content {
        margin-top: 20px;
        margin-left: 0px;
        max-height: initial;
        text-align: center;
        position: relative;
        transform: translateY(0);
        left: 15px;
        width: calc(100% - 30px);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .treatment_title {
        flex: 0 0 50%;
        text-align: center;
        padding-left: 0;
    }

    .praxis_page .sec_content {
        flex-direction: column !important;
        margin-right: 0px;
        max-height: none;
    }

    .praxis_page .pres_sec_fle.sec_content {
        flex-direction: column-reverse !important;
    }

    .treatment .center_child_item,
    .treatment .trtmnt_lcont {
        width: 100%;
    }

    .cont_main_sl .next_arrow,
    .cont_main_sl .prev_arrow {
        transform: translateY(0);
    }

    .main_sl {
        padding: 0px 60px;
    }
}

@media (max-width: 992px) {
    .cont_data_protection {
        margin-top: -6px;
    }

    .cont_btn_send {
        padding-top: 0px;
        margin-top: -16px;
    }

    .cont_bg_video {
        padding-bottom: 100%;
    }

    #ff_submit {
        width: 100%;
    }

    .cont_btn_send {
        margin-bottom: 18px;
    }

    .fsc_cont_btn,
    .ssc_cont_btn,
    .form_info {
        margin-top: 0;
    }

    .row__submit_wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    .row__submit_wrapper .data_protection {
        padding-top: 0;
    }

    .row__submit_wrapper .cont_btn_send {
        margin-top: 0;
    }

    .col_4,
    .col_8 {
        width: 100%;
    }

    .dentals .row {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}


/* @media (orientation: landscape) and (min-width: 640px){
    .mobile_menu.active
    {
        height: 640px;
    }

} */

@media (max-width: 879px) {
    .i_elem {
        padding-left: 10px;
    }

    .i_elem .icon-pin, .i_elem .icon-phone, .i_elem .icon-clock {
        font-size: 35px;
    }
}

@media (max-height: 600px) {
    .popup_scroll {
        padding: 0px 15px 15px;
    }
}

@media (max-width: 789px) {
    .i_elem .icon-pin, .i_elem .icon-phone, .i_elem .icon-clock {
        margin-right: 10px;
    }
}

@media (max-width: 768px) {
    .popup_scroll {
        padding: 0px 15px 15px;
    }

    .popup_title h3 {
        margin-bottom: 10px;
    }

    .popup_content p,
    .popup_content h5,
    .popup_columns h5 {
        margin-bottom: 10px;
    }

    .popup_columns {
        flex-direction: column;
    }

    .popup_close span.icon-close {
        font-size: 25px;
        top: 8px;
        right: 8px;
    }

    .popup_columns .popup_column {
        margin: 0 auto;
    }

    .treatment_title {
        margin-bottom: 2.1rem;
    }

    .treatments {
        margin-top: 15px;
    }

    #homepage_top_section_wrap {
        min-height: 100vh;
    }

    .praxis_page .treatment_content:after {
        display: none;
    }

    .right_footer .c_span:first-child:before {
        top: -1px;
        left: -3px;
    }

    .flexible_section .sec_content {
        margin: 0 15px;
    }

    .praxis_page .pres_sec_fle .treatment_content {
        width: 100%;
    }

    .page_content.page_content__regular {
        margin-top: 26px;
        margin-bottom: 31px;
    }

    .contact_content {
        margin-top: 0;
        margin-bottom: 101px;
    }

    .right_cont_sec {
        margin-top: 5px;
    }

    .hp_subtitle {
        margin-bottom: 31px;
    }

    .cont_contr_slider {
        margin-top: 0;
    }

    .praxis_page {
        margin-top: 45px;
    }

    .behandlungen_content {
        padding-top: 10px;
    }

    body.mobile .header {
        z-index: 99;
    }

    .team-page {
        margin-top: 38px;
        margin-bottom: 26px;
    }

    .categories {
        margin-top: 3px !important;
    }

    /* ul#mobile_menu>li.menu-item-has-children .icon-arrow-down {
        right: 0px;
        webkit-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    } */
    ul#mobile_menu ul.sub-menu li.menu-item a.active {
        font-family: 'titillium_webbold' !important;
    }

    ul#mobile_menu > li.menu-item-has-children .icon-arrow-down:before {
        padding: 10px;
    }

    .fcs .contact_info::before {
        top: 0;
    }

    .btn_blue {
        width: 100%;
        display: inline-block;
    }

    .btn_emergency {
        text-align: center;
        padding-left: 70px;
        padding-right: 70px;
    }

    .btn_emergency:before {
        left: 0 !important;
        margin-right: 10px;
    }

    .btn_blue:after {
        /* right: 70px; */
    }

    .pdf-btn {
        width: 100%;
        text-align: center;
    }

    .cont_btn_send {
        text-align: center;
    }

    .i_elem .icon-pin,
    .i_elem .icon-phone,
    .i_elem .icon-clock {
        font-size: 27px;
    }

    .fcs .contact_info {
        /* text-align: center; */
        /* padding-top: 30px; */
    }

    .contact_footer .company_info {
        /* text-align: center; */
        padding-top: 12px;
        padding-bottom: 18px;
    }

    .contact_footer .company_oh {
        padding-bottom: 0;
    }

    .contact_info .company_address {
        left: 11px;
    }

    .contact_info .company_info {
        text-align: left;
    }

    /* .fcs .contact_info .company_info, .contact_footer  .company_info{
        text-align: center;
        padding-left: 0px;
    } */
    /* .fcs .company_address:before, .fcs .company_phone:before, .fcs .company_email:before
    {
        left:50%;
        top:-40px;
        transform: translateX(-50%);
    } */
    .ftr_ci_elem .icon-phone,
    .ftr_ci_elem .icon-pin,
    .ftr_ci_elem .icon-clock {
        font-size: 27px;
    }

    /* .cont_btn_emergency
    {
        text-align: center;
    } */
    .oh_msg {
        text-align: center;
    }

    .cont_main_content {
        text-align: center;
    }

    .ftr_link {
        font-size: 16px;
    }

    .ftr_link:not(:last-child):after,
    .footer_separator {
        font-size: 16px;
    }

    .hp_pres_sec .sec_content:not(.mCS_no_scrollbar):after {
        display: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        text-align: center !important;
    }

    .cont-work_hours {
        max-width: 70%;
        margin: 0 auto;
    }

    .cont-work_hours .oh_day, .cont-work_hours .oh_time {
        text-align: center;
    }

    table.hax {
        margin-left: auto;
        margin-right: auto;
    }

    .behandlungen .inner_title #title {
        font-size: 30px;
    }

    .hp_pres_sec .sec_content {
        margin-top: 0px;
    }

    .treatment_content:not(.mCS_no_scrollbar):after {
        display: none;
    }

    .homepage_first_sec {
        height: calc(100vh - 240px);
    }

    .team-page {
        margin-top: 35px;
        margin-top: 56px;
    }

    .contact-page {
        margin-top: 56px;
    }

    .dentals .row {
        grid-template-columns: auto;
        gap: 20px;
        justify-content: center;
    }

    .dental-item {
        padding: 0 15px;
    }

    .dental_img {
        flex: none;
        object-fit: contain;
        object-position: center bottom;
        background-color: #f5f5f5;
    }

    .alignnone {
        height: auto;
        width: 100%;
    }

    .hp_second_sec {
        margin-top: -5px;
    }

    .prev_arrow,
    .next_arrow {
        top: 50% !important;
    }
    .contribution-slider .prev_arrow,
    .contribution-slider .next_arrow {
        top: 0 !important;
    }

    .contr-slide {
        margin: 0;
    }
    .contribution-slider .prev_arrow{
        left: 0;
    }
    .contribution-slider .next_arrow{
        right: 0;
    }

    .pres_sec_fle {
        display: flex;
    }

    .praxis_page .sec_content {
        flex-direction: column;
    }

    .hp_second_sec .row,
    .pres_sec_fle {
        flex-direction: column-reverse !important;
    }

    .pres_sec_fle .treatment_content {
        position: relative;
        left: unset;
        width: 100%;
        transform: translateY(0);
    }

    /* .hp_second_sec .remove_margin_top
    {
        margin-top: 48px !important;
    } */
    .main_sl {
        padding-left: 35px;
        padding-right: 35px;
    }

    .ci_cont {
        flex-direction: column;
    }

    .contact_footer .ci_cont {
        padding: 0px;
    }

    .prev_arrow:hover,
    .next_arrow:hover {
        background-color: transparent;
    }

    .prev_arrow,
    .next_arrow {
        background-color: transparent;
    }

    .contact_footer .ftr_ci_elem .icon-phone,
    .contact_footer .ftr_ci_elem .icon-pin,
    .contact_footer .ftr_ci_elem .icon-clock {
        margin-right: 0px;
    }

    .cont_contr_slider {
        margin-bottom: 110px;
    }

    .contribution-slider {
        margin-top: 34px;
    }

    .contr-slide {
        background-color: #fff;
        padding: 15px;
    }

    .header_contribution,
    .cs_title,
    .contribution_content {
        text-align: center;
    }

    .contribution_date,
    .contribution_term {
        display: block;
        padding-right: 0px;
        font-size: 14px;
    }

    .contribution_date:after {
        display: none;
    }

    .col_8 {
        margin-bottom: 48px;
    }

    .col_4 {
        margin-bottom: 25px;
    }

    .hp_pres_sec {
        padding-bottom: 0px;
    }

    .hp_pres_sec .sec_content {
        padding: 0px;
        /* padding-bottom: 45px; */
        max-height: initial;
        /* margin-left: 50px; */
        margin-left: 0px;
        margin-right: 0px;
    }

    .praxis_page .sec_content {
        margin-left: 15px;
        margin-right: 15px;
        max-height: initial;
        margin-bottom: 0px;
    }

    .contribution-slider .chevron-left,
    .contribution-slider .chevron-right {
        color: #4f7091;
        font-size: 35px;
    }

    .contribution-slider .chevron-left:hover,
    .contribution-slider .chevron-right:hover {
        color: #a6b8ca;
    }

    .contribution-slider .chevron-right:before,
    .main_sl .chevron-right:before {
        content: "\e914";
    }

    .contribution-slider .chevron-left:before,
    .main_sl .chevron-left:before {
        content: "\e915";
    }

    .cont_main_sl .chevron-left,
    .cont_main_sl .chevron-right {
        color: #4f7091;
        font-size: 35px;
    }

    .cont_main_sl .chevron-left:hover,
    .cont_main_sl .chevron-right:hover {
        color: #a6b8ca;
    }

    .cont_main_sl .chevron-right:before,
    .cont_main_sl .chevron-right:before {
        content: "\e914";
    }

    .cont_main_sl .chevron-left:before,
    .cont_main_sl .chevron-left:before {
        content: "\e915";
    }

    .contribution-slider .slick-dots,
    .cont_main_sl .slick-dots {
        display: none !important;
    }

    .trtmnt_lcont {
        height: 70px;
        width: 70px;
        padding: 0px;
        margin-left: 15px;
    }

    .treatments .trtmnt_lcont {
        display: none;
    }

    .dental_name {
        font-size: 2.2rem;
    }

    .treatment_content .mCSB_inside > .mCSB_container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .trtm_lcont_mob {
        display: block;
        position: relative;
        height: 70px;
        width: 70px;
        background-position: center center;
        flex: 0 0 70px;
        background-color: #365c81;
    }

    .trtm_lcont_mob img {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 31px;
        width: auto;
        padding: 21px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        transform: translate(-50%, -50%);
    }

    .overlay_beh {
        background: rgba(54, 92, 129, 1);
    }

    .img_play {
        height: 70px;
        width: 70px;
    }

    .main_slide {
        min-height: 240px;
        padding: 45px 0px 25px;
        width: 100%;
    }

    .main_slide > img {
        height: 100px;
    }

    .cont_sl_name {
        margin-top: 33px;
    }

    .hp_third_sec {
        padding-bottom: 109px;
        padding-top: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main_sl {
        padding-top: 0;
    }

    h1,
    .h1 {
        font-size: 4rem;
    }

    h1.title_beh {
    }

    h2,
    .h2 {
        font-size: 3rem;
    }

    h3,
    .h3 {
        font-size: 2.6rem;
    }

    h4,
    .h4 {
        font-size: 2.4rem;
    }

    h5,
    .h5 {
        font-size: 2.2rem;
    }

    h6,
    .h6 {
        font-size: 18px;
    }

    body {
        font-size: 1.6rem;
    }

    .behandlungen_second_sec {
        padding-top: 20px;
        padding-bottom: 26px;
    }

    .cont-border {
    }

    .treatment {
        margin-bottom: 56px;
        flex-direction: column;
    }

    .trtmnt_lcont {
        /* min-height:307px!important; */
    }

    .threatment_img {
        height: 150px;
    }

    .treatments .threatment_img {
        height: 40px;
    }

    .treatment_mob {
        display: flex;
        flex-direction: column-reverse;
    }

    .page_content {
        margin-top: 74px;
    }

    .page_frs {
        padding-bottom: 36px;
    }

    .page_ss {
        padding-bottom: 0px;
    }

    .margin_btm-44 {
        margin-bottom: -20px !important;
    }

    .common_fs {
        padding-top: 99px;
        min-height: 214px;
        padding-bottom: 63px;
    }

    .common_fs .inner_title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .nfp_ss {
        margin-top: 65px;
    }

    .page_fs {
        min-height: 174px;
    }

    .page_fs .inner_title {
        padding-top: 107px;
        padding-bottom: 30px;
    }

    .praxis_page {
        margin-top: 35px;
        margin-bottom: 0px;
    }

    .praxis_page .prac_content {
        margin-left: 0px;
        margin-top: 8px;
    }

    .praxis_page .sec_content:not(:first-child) {
        padding-top: 0;
    }

    .praxis_page .sec_content,
    .praxis_page .sec_content:first-child {
        margin-bottom: 0 !important;
    }

    .prac_content {
        padding-left: 0px;
    }

    #footer_logo {
        height: 80px;
    }

    .fcs {
        margin-top: -56px;
        position: relative;
        z-index: 99;
    }

    .gm_section {
        margin-top: 26px;
    }

    .nofall-page {
        margin-top: 21px;
        margin-bottom: 48px;
        position: relative;
        z-index: 34;
    }

    .nfp_ts {
        margin-top: 80px;
    }

    .pdf-btn {
        padding-left: 25px;
    }

    .content_404 {
        margin-top: 76px;
        margin-bottom: 109px;
    }

    .circle {
        height: 80px;
        width: 80px;
    }

    .inner_circle {
        height: 70px;
        width: 70px;
    }

    .inner_circle:after {
        padding: 23px;
    }

    .next_sec {
        bottom: 29px;
    }

    .safari .next_sec {
        bottom: 29px;
    }

    /* .treatment_text ul
    {
        padding-left: 40px;
        text-align: left;
    } */
    .nfpts_cont_btn .btn_blue {
        font-size: 16px;
        text-align: center;
        padding: 11px 14px 15px 14px;
    }

    .praxis_page .treatment_content {
        margin-top: 0;
        width: 100%;
        left: 0;
        margin-bottom: 15px;
    }

    .praxis_page .treatment_text > h3 {
        margin-bottom: 2.1rem;
    }

    .praxis_page .col_4,
    .praxis_page .col_8 {
        margin-bottom: 25px;
    }

    .fsc_cont_btn,
    .ssc_cont_btn {
        margin-top: 0px;
    }

    .btn_emergency:before {
        content: " ";
        position: relative;
        top: 25px !important;
        left: -40px;
        background-image: url(images/Notfall.svg);
        background-repeat: no-repeat;
        background-size: contain;
        padding: 20px;
        color: #ccc;
        font-size: 28px;
        width: 16px;
        height: 20px;
    }

    ul:not(#mobile_menu) {
        padding-left: 15px;
    }

    .bgk_header {
        background-color: transparent !important;
    }

    .fixed_header {
        background-color: rgba(233, 239, 245, 1) !important;
    }

    .contact_info_msg {
        padding-left: 0;
    }

    .contact_info .company_info {
        text-align: center;
        left: 0;
        padding-left: 0;
    }

    .fcs .company_address::before {
        position: static;
        display: block;
        text-align: center;
    }

    .contact_info .company_info.company_phone {
        padding-left: 0;
    }

    .contact_info .icon-phone {
        display: block;
        text-align: center;
        margin-bottom: 15px;
    }

    .contact_info .company_info {
        text-align: center;
        padding-left: 0;
    }

    .contact_info .company_email::before {
        position: static;
        display: block;
        text-align: center;
    }

    .contact_info .company_email.company_info {
        margin-bottom: 15px;
    }

    .contribution-slider {
        padding-left: 50px;
        padding-right: 50px;
    }
    .contribution-slider .prev_arrow,
    .contribution-slider .next_arrow {
        background-color: transparent;
    }

     .i_elem {
        padding-left: 16px;
    }

     .i_elem .icon-pin, .i_elem .icon-phone, .i_elem .icon-clock {
        margin-right: 19px;
    }
}

@media (max-width: 402px) {
    #btn-phone.btn_blue {
        font-size: 14px !important;
        /* text-align: left!important; */
        padding: 12px 7px 17px 9px !important;
    }
}

@media (max-width: 400px) {
    #footer_logo {
        height: 60px;
    }

    .hp_sec_cover {
        height: 207px !important;
    }

    .contribution-slider {
        padding-left: 35px;
        padding-right: 35px;
    }

    .btn_blue,
    .pdf-btn {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 16px;
    }

    .btn_blue:after {
        /* top: 24px;
        right:60px; */
    }

    .btn_emergency:before {
        font-size: 17px;
        padding: 18px;
        top: 18px;
    }

    .quote {
        padding-left: 25px;
    }

    .btn_emergency.btn_blue::after {
        width: 100%;
    }

    .btn_emergency:before {
        top: 16px !important;
    }

    .fsc_cont_btn {
    }

    #ff_submit.btn_blue:after {
        top: 3px !important;
    }

    /* .pdf-btn:after
    {
        right: 60px;
    } */
}

.animaClassDownUp {
    opacity: 0;
    visibility: hidden;
    position: relative;
    -webkit-transform: translate3d(0, 25px, 0);
    -moz-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    -o-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
    -webkit-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -moz-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -ms-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -o-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
}

.editor_ui_right,
.animaClassLeftRight {
    opacity: 0;
    visibility: hidden;
    position: relative;
    -webkit-transform: translate3d(-25px, 0, 0);
    -moz-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    -o-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
    -webkit-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -moz-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -ms-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -o-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
}

.editor_ui_left,
.animaClassRightLeft {
    opacity: 0;
    visibility: hidden;
    position: relative;
    -webkit-transform: translate3d(25px, 0, 0);
    -moz-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    -o-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
    -webkit-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -moz-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -ms-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -o-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
}

.animaClassUpDown {
    opacity: 0;
    visibility: hidden;
    position: relative;
    -webkit-transform: translate3d(0, -25px, 0);
    -moz-transform: translate3d(0, -25px, 0);
    -ms-transform: translate3d(0, -25px, 0);
    -o-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    -webkit-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -moz-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -ms-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -o-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
}

.animaClassActive {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -moz-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -ms-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    -o-transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
    transition: transform 0.35s, opacity 0.35s, visibility 0.35s;
}

/* Team page responsive - smaller mobile devices */
@media (max-width: 480px) {
    .dentals .row {
        gap: 15px;
    }
}

/* Team page responsive - very small devices with cover fit */
@media (max-width: 440px) {
    .dental_img {
        object-fit: cover;
        object-position: center 15%;
        background-color: transparent;
        height: 450px;
    }
}