body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
/* default_-_DC.css */
html{height:100%;min-height:100%;background-color: #e3e4e5;background-image: linear-gradient( 0deg, #e3e4e5, #707173 );background-repeat: no-repeat}body{font-family: 'roboto', sans-serif}#top{margin-top:20px}header{background-color:#fff}#header_title{padding-top:10px;padding-bottom:10px;padding-left:30px;font-size:46pt;color:#40b3c5;font-weight: 400}#header_table1{width:100%}#header_row1{background-color:#bbbdbe;color:#fff}#header_row1_cell1{width:162px;padding-left:40px;border-right:1px solid #fff;font-size:14pt}#header_row1_cell2{width:793px;background-image:url("../../files/layout/praxis4.gif");background-repeat:no-repeat}footer{height:80px;background-color:#009ab1;font-size:11pt;color:#fff;font-weight: 300}#footer_table1{width:100%;height:80px}#footer_table1_row1{padding-top:10px;padding-bottom:10px}#footer_row1_cell1{width:140px;padding-top:10px;padding-bottom:10px;padding-left:60px;border-right:1px solid #fff;font-size:11pt}#footer_row1_cell1 a{text-decoration:none;color:#fff;font-weight: 300}#container{min-height:300px;background-color:#fff}.mod_article{min-height:400px;border-left:1px solid #009ab1}.ce_text,.ce_dlh_googlemaps{margin-right:20px;margin-left:40px;color:#707173;font-weight: 300}.ce_dlh_googlemaps{margin-bottom:20px}.ce_text li{line-height:25px}
/* navigation.css */
.mod_navigation{width:200px;background-color:#fff;color:#40b3c5}.mod_navigation ul li{padding:4px;list-style-type:none}.mod_navigation ul li a{font-weight:normal;text-decoration:none;color:#40b3c5;font-weight: 300}.mod_navigation ul li:hover{background-color:#e9e9ea}
/* Responsive additions to the original Dialysepraxis Celle theme. */
#wrapper {
    width: calc(100% - 32px);
    max-width: 973px;
    margin: 0 auto;
}

#wrapper, #wrapper *, #wrapper *::before, #wrapper *::after {
    box-sizing: border-box;
}

#wrapper > #header, #wrapper > #footer {
    height: auto;
}

.practice-header {
    position: relative;
}

#header_title {
    max-width: 63%;
    padding: 10px 0 10px 30px;
    font-size: clamp(1.8rem, 5.7vw, 3.83rem);
    line-height: 1.15;
}

.practice-banner {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    min-height: 134px;
    background: #bbbdbe;
}

.practice-specialty {
    display: flex;
    align-items: center;
    padding: 12px 24px 12px 40px;
    border-right: 1px solid #fff;
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.3;
}

.practice-specialty p { margin: 0; }
.practice-specialty span { display: block; }

.practice-photo {
    min-width: 0;
    background: url("../../files/layout/praxis4.gif") left center / cover no-repeat;
}

.practice-dialysis {
    position: absolute;
    top: 0;
    right: 0;
    width: 38%;
    height: auto;
    pointer-events: none;
}

#container {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    padding: 0;
}

#container::after { display: none; }

#main, #left {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    right: auto;
}

#main { grid-column: 2; grid-row: 1; }
#left { grid-column: 1; grid-row: 1; }
.mod_navigation { width: auto; }
.mod_navigation > ul { margin: 0; padding: 16px 20px; }
.mod_navigation ul li { padding: 0; }
.mod_navigation li a, .mod_navigation li strong {
    display: block;
    min-height: 44px;
    padding: 12px;
    line-height: 1.25;
}

.mod_navigation a:focus-visible,
.practice-footer a:focus-visible {
    outline: 3px solid #154e57;
    outline-offset: 3px;
}

.ce_text, .ce_dlh_googlemaps {
    overflow-wrap: anywhere;
    line-height: 1.55;
}

.ce_text img, .ce_text video, .ce_dlh_googlemaps iframe {
    max-width: 100%;
}

.ce_dlh_googlemaps iframe {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
}

.ce_text table {
    max-width: 100%;
}

.practice-footer {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 24px;
    padding: 20px 28px;
    line-height: 1.55;
    font-weight: 400;
    overflow-wrap: anywhere;
}

.practice-footer address { font-style: normal; }
.practice-footer a { color: #fff; text-underline-offset: 3px; }
.practice-footer nav a { display: block; padding: 3px 0; }
.practice-footer p { margin: 0; }

@media (max-width: 759px) {
    #top { margin-top: 0; }
    #wrapper { width: 100%; margin: 0; }

    #header_title {
        max-width: none;
        padding: 20px;
        font-size: clamp(1.6rem, 6.7vw, 2.6rem);
    }

    .practice-banner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
        min-height: 124px;
    }

    .practice-specialty {
        padding: 16px 20px;
        font-size: 1rem;
    }

    .practice-dialysis {
        top: auto;
        bottom: 0;
        width: 34%;
        max-height: 124px;
        object-fit: contain;
        object-position: right bottom;
    }

    #container {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    #left { order: -1; }

    .mod_navigation { padding: 14px 16px; border-bottom: 1px solid #d7e8eb; }
    .mod_navigation ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
    .mod_navigation ul li { flex: 1 1 120px; padding: 0; }

    .mod_navigation li a, .mod_navigation li strong {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 10px 12px;
        border: 1px solid #d7e8eb;
        border-radius: 4px;
        color: #147b8b;
        font-weight: 400;
        line-height: 1.25;
        text-align: center;
    }

    .mod_navigation li strong.active {
        border-color: #009ab1;
        background: #009ab1;
        color: #fff;
    }

    .mod_navigation li a:hover { background: #eef7f8; }

    .mod_article {
        min-height: 0;
        padding: 24px 20px 32px;
        border-left: 0;
    }

    .ce_text, .ce_dlh_googlemaps { margin: 0; }
    .ce_text + .ce_text { margin-top: 24px; }
    .ce_text :is(h1, h2, h3, h4), .ce_dlh_googlemaps :is(h1, h2) { line-height: 1.3; }
    .ce_text > :first-child, .ce_dlh_googlemaps > :first-child { margin-top: 0; }
    .ce_text ul, .ce_text ol { padding-left: 24px; }
    .ce_text li { line-height: 1.55; margin-bottom: 6px; }

    /* The old rich text uses fixed indentation for its desktop composition. */
    .ce_text .rte [style*="padding-left"] { padding-left: 0 !important; }
    #article-1 .rte p[style*="padding-left: 60px"] { display: none; }
    .ce_text .rte table { width: 100% !important; height: auto !important; }
    .ce_text .rte td { width: auto !important; height: auto !important; padding: 5px 4px; }

    .practice-footer {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 20px;
        padding: 20px;
    }

    .practice-footer nav { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 0 20px; }
    .practice-footer nav a { display: flex; align-items: center; min-height: 44px; padding: 8px 0; }
}

@media (max-width: 479px) {
    .practice-footer { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}

