.elementor-kit-6{--e-global-color-primary:#F5EFEC;--e-global-color-secondary:#DFDDD6;--e-global-color-text:#292929;--e-global-color-accent:#006DA5;--e-global-color-6ee4841:#FFFFFF;--e-global-color-0456f7a:#BD4BA1;--e-global-color-466aea5:#292929;--e-global-color-c009f10:#00436E;--e-global-color-5c96269:#4C99D1;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Open Sans Hebrew", Sans-serif;font-size:18px;line-height:170%;letter-spacing:1px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#02010100;font-family:"open-sans-condensed", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:var( --e-global-color-text );border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 h1{font-family:"open-sans-condensed", Sans-serif;}.elementor-kit-6 h2{font-family:"open-sans-condensed", Sans-serif;}.elementor-kit-6 h3{font-family:"open-sans-condensed", Sans-serif;}.elementor-kit-6 h4{font-family:"open-sans-condensed", Sans-serif;}.elementor-kit-6 h5{font-family:"open-sans-condensed", Sans-serif;}.elementor-kit-6 h6{font-family:"open-sans-condensed", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1700px;}.e-con{--container-max-width:1700px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
    --custom-padding: 100px;
    --custom-margin: 150px;
}

@media (width < 768px) {
    :root {
        --custom-padding: 40px;
        --custom-margin: 50px;
    }
}

body {
    background-color: var(--e-global-color-primary);
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

p,
ul, ol {
    margin: 0;
}

ul, ol {
    padding: 0 0 0 20px;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}

h3 {
    margin: 0;
}

p+*, *+p,
ul+*, *+ul,
ol+*, *+ol,
h3+*, *+h3 {
    margin-top: 15px;
}

.headline-color-accent {
    color: var(--e-global-color-accent);
}

.h2-large h2 {
    font-size: clamp(25px, 3.5vw, 50px);
}

img,
.elementor-widget-video {
    width: 100%;
    height: auto;
    box-shadow: 0 0 10px rgba(0,0,0,.1) !important;
}

.padding-0 {
    padding: 0;
}

.elementor-button {
    position: relative;
    margin-top: 25px;
    text-align: left;
}

.elementor-button::before {
    content: '';
    width: 45px;
    height: 1px;
    background-color: var(--e-global-color-text);
    position: absolute;
    left: 0;
    top: -15px;
}

.button-accent .elementor-button {
    color: var(--e-global-color-accent);
}

.button-accent .elementor-button::before {
    background-color: var(--e-global-color-accent);
}

.button-wrapper {
    gap: 50px;
}

.text-light {
    color: #fff;
}

.text-light .elementor-widget-text-editor a {
    color: #fff;
}

.text-light .elementor-button {
    color: #fff;
}

.text-light .elementor-button::before {
    background-color: #fff;
}

.custom-list ul {
    list-style: none;
    padding: 0 60px;
}

.custom-list ul li {
    position: relative;
}

.custom-list ul li::before {
    content: '';
    position: absolute;
    display: block;
    top: 15px;
    left: -60px;
    height: 1px;
    width: 47px;
    background-color: var(--e-global-color-text);
}

.text-light .custom-list ul li::before {
    background-color: #fff;
}

.text-light .custom-list a {
    font-weight: 400;
    text-decoration: none;
}

.elementor-widget-text-editor a {
    color: var(--e-global-color-text);
    font-weight: 700;
    text-decoration: underline;
}

.dialog-lightbox-widget:not(.elementor-popup-modal) {
    z-index: 99999;
}

/* Abstände */

.section-margin {
    margin-top: var(--custom-margin);
    margin-bottom: var(--custom-margin);
}

.section-padding {
    padding-top: var(--custom-padding);
    padding-bottom: var(--custom-padding);
}

/* Header */

#page-header {
    width: 100%;
    position: absolute;
}

#logo img {
    width: 100%;
    max-width: 265px;
    box-shadow: none !important;
}

body:not(.popup-menu-open) #page-header.elementor-sticky--effects {
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,.4);
}

#page-header .header-menu svg {
    fill: #fff;
    width: clamp(20px, 2.5vw, 34px);
    height: clamp(20px, 2.5vw, 34px);
}

#page-header .header-menu li:nth-of-type(3) svg,
#page-header .header-menu li:nth-of-type(4) svg,
#page-header .header-menu li:nth-of-type(5) svg {
    width: clamp(20px, 2.5vw, 20px);
    height: clamp(20px, 2.5vw, 20px);
}

#page-header .header-menu {
    font-family: "open-sans-condensed", sans-serif;
    font-size: clamp(20px, 5vw, 20px);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--e-global-color-c009f10);
}

#page-header .header-menu ul {
    agap: clamp(5px, 3.5vw, 30px);
}

#page-header .header-menu ul li:nth-of-type(1),
#page-header .header-menu ul li:nth-of-type(2) {
    margin-right: 20px;
}

#page-header .header-menu li:nth-of-type(3) span,
#page-header .header-menu li:nth-of-type(4) span,
#page-header .header-menu li:nth-of-type(5) span {
    color: var(--e-global-color-c009f10);
}

#page-header .header-menu li:nth-of-type(3) a,
#page-header .header-menu li:nth-of-type(4) a,
#page-header .header-menu li:nth-of-type(5) a {
    background-color: #fff;
    padding: clamp(20px, 3.5vw, 30px) clamp(20px, 3.5vw, 40px);
    gap: 10px;
}

#page-header .header-menu li:nth-of-type(4) {
    display: none;
}

body.popup-menu-open #page-header .header-menu li:nth-of-type(4) {
    display: flex;
}

body.popup-menu-open #page-header .header-menu li:nth-of-type(5) {
    display: none;
}

body:not(.popup-menu-open) #page-header.elementor-sticky--effects .header-menu svg,
body:not(.popup-menu-open).page-impdat #page-header .header-menu svg {
    fill: var(--e-global-color-c009f10);
}

#page-header .header-menu li:nth-of-type(3) svg,
#page-header .header-menu li:nth-of-type(4) svg,
#page-header .header-menu li:nth-of-type(5) svg {
    fill: var(--e-global-color-c009f10);
}

body:not(.popup-menu-open) #page-header.elementor-sticky--effects .header-menu li:nth-of-type(3) a,
body:not(.popup-menu-open).page-impdat #page-header .header-menu li:nth-of-type(3) a,
body:not(.popup-menu-open) #page-header.elementor-sticky--effects .header-menu li:last-of-type a,
body:not(.popup-menu-open).page-impdat #page-header .header-menu li:last-of-type a {
    background-color: var(--e-global-color-c009f10);
}

body:not(.popup-menu-open) #page-header.elementor-sticky--effects .header-menu li:nth-of-type(3) span,
body:not(.popup-menu-open).page-impdat #page-header .header-menu li:nth-of-type(3) span,
body:not(.popup-menu-open) #page-header.elementor-sticky--effects .header-menu li:last-of-type span,
body:not(.popup-menu-open).page-impdat #page-header .header-menu li:last-of-type span {
    color: #fff;
}

body:not(.popup-menu-open) #page-header.elementor-sticky--effects .header-menu li:nth-of-type(3) svg,
body:not(.popup-menu-open).page-impdat #page-header .header-menu li:nth-of-type(3) svg,
body:not(.popup-menu-open) #page-header.elementor-sticky--effects .header-menu li:last-of-type svg,
body:not(.popup-menu-open).page-impdat #page-header .header-menu li:last-of-type svg {
    fill: #fff;
}

body:not(.popup-menu-open) #page-header.elementor-sticky--effects #logo img,
body:not(.popup-menu-open).page-impdat #page-header #logo img {
    content: url('https://sanderrasen.dentalmedia3.de/wp-content/uploads/2025/09/sanderrasen-logo-color.svg');
}

@media (width < 768px) {
    #page-header .header-menu li:first-of-type {
        display: none;
    }
    
    #page-header .header-menu li .elementor-icon-list-text {
        display: none;
    }
    
    #page-header .header-menu .elementor-icon-list-item {
        margin-inline: 0;
    }
    
    #page-header {
        background-color: #fff;
        box-shadow: 0px 0px 5px rgba(0,0,0,.4);
    }
    
    body:not(.popup-menu-open) #page-header #logo img {
        content: url('https://sanderrasen.dentalmedia3.de/wp-content/uploads/2025/09/sanderrasen-logo-color.svg');
    }
    
    body:not(.popup-menu-open) #page-header .header-menu svg {
        fill: var(--e-global-color-c009f10);
    }
    
    #page-header .header-menu li:nth-of-type(3) svg {
    fill: var(--e-global-color-c009f10);
}

body:not(.popup-menu-open) #page-header.elementor-sticky--effects .header-menu li:nth-of-type(3) a {
    background-color: transparent;
}

body:not(.popup-menu-open) #page-header.elementor-sticky--effects .header-menu li:nth-of-type(3) span {
    color: var(--e-global-color-c009f10);
}

body:not(.popup-menu-open) #page-header.elementor-sticky--effects .header-menu li:nth-of-type(3) svg {
    fill: var(--e-global-color-c009f10);
}
}

@media (width < 768px) {
    #page-header {
        overflow: hidden;
    }
    #page-header,
    #page-header .e-con-inner,
    #page-header #navigation,
    #page-header #logo {
        padding: 0;
    }
    
    #page-header img {
        padding: 10px;
    }

    #page-header .header-menu li:nth-of-type(4) a,
    #page-header .header-menu li:nth-of-type(5) a {
        background-color: var(--e-global-color-c009f10);
        height: calc(100% + 50px);
    }
    
    #page-header .header-menu li:nth-of-type(4) a svg,
    #page-header .header-menu li:nth-of-type(5) a svg {
        fill: #fff
    }
    
    body.popup-menu-open #page-header #logo img {
    content: url('https://sanderrasen.dentalmedia3.de/wp-content/uploads/2025/09/sanderrasen-logo-color.svg') !important;
    }
    
    body.popup-menu-open #page-header .header-menu svg {
        fill: var(--e-global-color-c009f10);
    }
}

/* Hero */

#page-hero {
    padding: 0;
    color: #fff;
}

#page-hero .headline-accent h1 {
    font-size: clamp(20px, 3.5vw, 30px);
}

#page-hero .fake-h1 {
    font-size: clamp(30px, 3.5vw, 50px);
    font-weight: 700;
}

#page-hero .intro-text {
    margin: auto;
    width: 100%;
    max-width: 1000px !important;
}

/*@media (width > 767px) {*/
    #page-intro {
        text-align: center;
    }
    
    #page-hero .image-wrapper::before {
        content: '';
        position: absolute;
        background-color: rgba(65, 65, 65, .4);
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    
    #page-hero .image-wrapper::after {
        content: '';
        position: absolute;
        background: linear-gradient(180deg,rgba(239, 239, 239, 0) 50%, rgba(100, 100, 100, .9) 90%);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9;
    }
    
    #page-hero .image-wrapper img {
        width: 100%;
        height: 100vh;
        object-fit: cover;
        object-position: top;
        box-shadow: none !important;
    }

    #page-hero .content-wrapper {
        text-align: center;
        width: 100%;
        max-width: 1700px;
        position: absolute;
        margin: auto;
        bottom: 50px;
        left: 0;
        right: 0;
        z-index: 9;
    }
/*}*/

/*@media (width < 768px) {
    #page-hero {
        gap: 0;
    }
    
    #page-hero .image-wrapper img {
        width: 100%;
        height: auto;
        aspect-ratio: 16/14;
        object-fit: cover;
        object-position: top;
        box-shadow: none !important;
    }
    
    #page-hero .content-wrapper {
        padding: 20px;
        background-color: #cecabe;
    }
}*/

#page-intro h2 {
    font-family: "open-sans", sans-serif;
    color: var(--e-global-color-accent);
    width: 100%;
    max-width: 800px;
    margin: auto;
}

#page-hero .intro-text ul {
    padding: 0;
    margin-top: 50px;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px;
}

#page-hero .intro-text ul li a {
    font-family: 'open-sans-condensed', Sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    text-decoration: none;
}

#page-hero .intro-text ul li a::before {
    content: '';
    width: 45px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: -10px;
}

@media (width > 767px) {
    #page-hero .intro-text ul {
        justify-content: center;
    }
}

@media (width < 768px) {
    #page-intro {
        margin: 0;
    }
}

/* Main */

@media (width > 1699px) {
    #main-content {
        padding: 0;
    }
}

/* Sections */

.section-white {
    background-color: #fff;
    padding: clamp(20px, 5vw, 500px) 10px;
}

.section-bg::after {
    content: '';
    background-color: rgba(72, 72, 72, .1);
    position: absolute;
    top: 0;
    width: 70%;
    height: 100%;
    z-index: -1;
}

.section-bg.h-70::after {
    height: calc(100% - 250px);
}

.section-bg.h-70.top::after {
    height: calc(100% - 550px);
}

.section-bg.left::after {
    left: 0;
}

.section-bg.right::after {
    right: 0;
}

.section-bg.white::after {
    background-color: rgba(255, 255, 255, 1);
}

.section-text-media-vertical {
    gap: 0;
}

.section-text-media-vertical .text {
    padding: clamp(25px, 5vw, 50px) clamp(25px, 5vw, 150px) clamp(25px, 5vw, 50px) clamp(25px, 5vw, 50px);
    background-color: #fff;
}

.section-text-media-vertical:not(.accent) .text {
    align-self: flex-end;
}

.section-text-media-vertical .media {
    padding: 0;
}

.section-text-media-vertical.accent .text {
    background-color: var(--e-global-color-0456f7a);
    z-index: 9;
}

.section-text-media-large .e-con-inner {
    gap: 0;
}

.section-text-media-large .text {
    --container-padding-small: 20px;
    --container-padding-large: 50px;
    background-color: var(--e-global-color-466aea5);
    padding: clamp(var(--container-padding-small), 3.5vw, var(--container-padding-large)) clamp(var(--container-padding-small), 6vw, 200px) clamp(var(--container-padding-small), 3.5vw, var(--container-padding-large)) clamp(var(--container-padding-small), 3.5vw, var(--container-padding-large));
    z-index: 9;
}

.section-text-media-large.right .media,
.section-text-media-large.left .media,
.section-text-media-overlap .media {
    padding: 0;
}

.section-text-media-overlap {
    gap: 0;
}

.section-text-media-overlap .text {
   background-color: #fff;
   padding: clamp(25px, 5vw, 50px);
   z-index: 9;
}

.section-text-media-large-vertical .e-con-inner {
    gap: 0;
}

.section-text-media-large-vertical .text {
    background-color: var(--e-global-color-text);
    padding: 100px clamp(20px, 3.5vw, 50px) clamp(20px, 3.5vw, 50px) clamp(20px, 3.5vw, 50px);
    margin-top: -50px;
    z-index: -1
}

.section-text-only {
    background-color: #fff;
    padding: clamp(20px, 3.5vw, 50px) clamp(20px, 3.5vw, 150px) clamp(20px, 3.5vw, 50px) clamp(20px, 3.5vw, 50px);
    width: calc(100% - 10px);
    margin-left: 10px;
}

@media (width > 767px) {
    .section-bg.right.top::after {
        top: 300px;
    }
    
    .section-text-media-overlap.right .media {
        margin-left: -50px;
    }
    
    .section-text-media-overlap {
        margin: 80px 0;
    }
    
    .section-text-media-overlap.left .media {
        margin-right: -50px;
    }
    
    .section-text-media-large.right .media {
        margin-left: -100px;
    }
    
    .section-text-media-large.left .media {
        margin-right: -100px;
    }
    
    .section-text-media-vertical .text {
        width: 85%;
    }
    
    .section-text-media-vertical:not(.accent) .text {
        margin-right: -50px;
        margin-top: -50px;
    }
    
    .section-text-media-vertical.accent .text {
        margin-bottom: -50px;
        margin-left: -50px;
    }
    .section-text-media-overlap.bottom .text {
        margin-bottom: -50px;
    }
    
    .section-text-media-overlap.top .text {
        margin-top: -50px;
    }
}

@media (width < 768px) {
    .section-white {
        padding: 20px;
    }
    
    .section-bg::after {
        width: 100%;
        height: 100% !important;
    }
    
    .section-bg.mobile-accent-bg::after {
        width: 100%;
        height: 30% !important;
    }
    
    .button-wrapper {
        gap: 20px
    }
}

#team figcaption {
    font-size: 18px;
    margin-top: 10px;
}

#team span {
    font-family: "open-sans-condensed", Sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    display: block;
}

.accent-headline-large h2 {
    font-size: clamp(30px, 5vw, 70px);
    letter-spacing: 5px;
}

.vita-arzt {
    gap: 0;
}

.vita-arzt .image {
    padding: 0;
}

.vita-arzt .text {
    background-color: var(--e-global-color-text);
    padding: clamp(20px, 3.5vw, 50px);
    z-index: 9;
}

@media (width > 768px) {
    
}

@media (width > 768px) {
    .accent-headline-large {
        width: 80%;
        text-align: right;
        align-self: flex-end;
    }
    
   .vita-arzt.right .text {
        margin-left: -50px;
    }
    
    .vita-arzt.left .text {
        margin-right: -50px;
    } 
}

/* Icon Grid */

.grid-leistungen .item {
    font-family: "open-sans-condensed", Sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: clamp(18px, 3.5vw, 22px);
    text-align: center;
    padding: clamp(20px, 3.5vw, 50px) clamp(20px, 3.5vw, 30px);
    background-color: var(--e-global-color-primary);
}

.grid-leistungen .item .elementor-heading-title {
    color: var(--e-global-color-text);
}

.grid-leistungen .item svg {
    fill: var(--e-global-color-text);
}

.grid-leistungen .item img {
    width: auto;
    max-width: 50px;
    height: 50px;
    object-fit: contain;
    box-shadow: 0 0 0 transparent !important;
}

.grid-leistungen .item:hover img {
    filter: invert(1);
}

.grid-leistungen .item:hover {
    background-color: var(--e-global-color-0456f7a);
    color: #fff;
}

.grid-leistungen .item:hover .elementor-heading-title {
    color: #fff;
}

.grid-leistungen .item:hover svg * {
    fill: #fff !important;
}

/* Loops */

.custom-loop .custom-loop-item,
.custom-loop .custom-loop-item .e-con-inner {
    padding: 0;
    gap: 0;
}

.custom-loop .custom-loop-item {
    background-color: #fff;
}

.section-white .custom-loop .custom-loop-item {
    background-color: var(--e-global-color-primary);
}

.custom-loop .image-wrapper img {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.custom-loop .content-wrapper {
    --container-padding-small: 20px;
    --container-padding-large: 40px;
    padding: clamp(var(--container-padding-small), 3.5vw, var(--container-padding-large));
}

.custom-loop .content-wrapper h3 {
    font-size: clamp(20px, 3.5vw, 30px);
}

.custom-loop .content-wrapper p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Akkordeon */

.custom-akkordeon .e-n-accordion-item-title-text {
    font-family: ;
    font-size: clamp(18px, 5vw, 22px) !important;
    font-weight: 600 !important;
}

.text-light .custom-akkordeon .e-n-accordion-item-title-text {
    color: #fff;
}

.custom-akkordeon summary,
.custom-akkordeon .elementor-element {
    border: 0 !important;
    padding: 0 !important;
}

.custom-akkordeon summary {
    padding: 15px 0 !important;
}

.custom-akkordeon details {
    border-top: 1px solid;
}

.custom-akkordeon details:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.custom-akkordeon details:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}

.custom-akkordeon details > div:last-of-type {
    padding-bottom: 20px !important;
}

.custom-akkordeon .e-n-accordion-item-title-icon svg,
.custom-akkordeon .e-n-accordion-item-title-icon span {
    height: 20px !important;
}

.text-light .custom-akkordeon .e-n-accordion-item-title-icon svg {
    fill: #fff !important;
}

/* Footer */

#page-footer img {
    box-shadow: none !important
}

/* Baerrierefreiheit */

#accessibility-toggle img {
    width: 50px !important;
    height: 50px !important;
}

body.high-contrast-dark .section-white *,
body.high-contrast-light .section-white * {
    color: #000;
}

body.high-contrast-dark .section-white .button-accent .elementor-button::before {
    background-color: #000 !important;
}

body.high-contrast-dark .section-text-media-overlap *,
body.high-contrast-dark .section-text-media-vertical * {
    color: #000;
}

body.high-contrast-dark .section-text-media-vertical.accent .text {
    background-color: #fff;
}

body.high-contrast-light .section-text-media-vertical.accent .text {
    background-color: #fff;
}

body.high-contrast-light .section-text-media-vertical.accent .text * {
    color: #000;
}

body.high-contrast-dark .custom-loop .content-wrapper * {
    color: #000;
}

body.high-contrast-dark #page-footer .footer-links svg {
    fill: var(--color-accent) !important;
}

body.high-contrast-dark #page-footer {
    background-color: #000;
}

body.high-contrast-light #page-footer {
    background-color: #fff;
}

body.high-contrast-dark #page-footer .footer-headline-small {
    color: #fff;
}

body:not(.popup-menu-open).high-contrast-dark #page-header.elementor-sticky--effects .header-menu svg, body:not(.popup-menu-open).page-impdat.high-contrast-dark #page-header .header-menu svg {
    fill: #000;
}

body:not(.popup-menu-open).high-contrast-dark #page-header.elementor-sticky--effects .header-menu li:last-of-type a, body:not(.popup-menu-open).page-impdat.high-contrast-dark #page-header .header-menu li:last-of-type a {
    background-color: #000;
}/* End custom CSS */