/* opttopwrapper ENDE */
/** .container{
  width: 100%;
  margin: 0px;
  padding: 0px;
} **/
#page-wrapper {
    display: flex !important;
    flex-direction: column !important; /* Чтобы блоки шли сверху вниз, а не в ряд */
    min-height: 100vh;
    margin: 0;
}
body {
  padding-bottom: 0px !important;
}
footer {
    position: relative !important; /* Чтобы он шел в общем потоке за контентом */
    height: auto !important;      /* Чтобы он растягивался под иконки, а не имел фиксированную высоту */
}

.startseite_notdienst a {
    color: #fff;
    background-color: #0055a9;
    padding: 10px 10px;
    line-height: 2.5;
    white-space: nowrap;
      font-size: 25px;
  text-decoration: none;
}
.startseite_notdienst a:hover{
  text-decoration: underline;
}
/**.startseite_notdienst p{
    margin-top: 8px;
} **/
@media (max-width: 767px){
    .startseite_notdienst p {
        text-align: left;
    }
}
@media (max-width: 404px){
    .startseite_notdienst{
        display: none;
    }
}
/* opttopwrapper ENDE */

/* NAV START */
.navbar-default, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    background-color: transparent;
}
div#main-navbar {
    margin-bottom: 0px;
}
.dropdown-menu > li > a{
    white-space: normal;
}
@media(min-width: 768px){
    ul.dropdown-menu {
        width: 220px;
    }
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    color: #4a4848;
}


/*@media (min-width:1200px){
    div#main-navbar {
        margin-top: -40px;
    }
}*/
@media (max-width: 991px) AND (min-width: 842px){
    #main-navbar .container{
        width: 90%;
    }
}
@media (max-width: 853px) AND (min-width: 768px){
    #main-navbar .container{
        width: 100%;
    }
}
@media (max-width: 991px) AND (min-width: 768px){
    .nav > li > a {
        padding: 10px 8px;
    }
}
.navbar-default .navbar-toggle {
    border-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: #0055a9;
}
@media screen and (max-width: 767px){
    .navbar-nav .open .dropdown-menu {
        background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #4a4848;
    }
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #0055a9;
    font-weight: bold;
}
@media (max-width: 767px){
    .navbar-collapse .nav > li {
        border-bottom: 1px solid #0055a9;
    }
    .navbar-collapse .nav > li:last-child {
        border-bottom: none;
    }    
}
/*Transparenz im dropdown*/
@media (min-width: 768px) {
    .navbar-nav .open .dropdown-menu {
        opacity: 0.9;
    }
}
/* NAV ENDE */

/* Jumbotron START */
.jumbotron {
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent;
}
.jumbotron .container{
    width: 100%;
    padding: 0px;
}
.theme-default .nivoSlider {
    margin-bottom: 0px;
    box-shadow: none;
}
.jumbotron figure{
    margin-bottom: 0px!important;
}
@media (max-width: 991px){
    .jumbotron{
        margin-bottom: 15px;
    }
}
/* Jumbotron ENDE */

/* Breadcrumb START */
.breadcrumb{
    background-color: transparent;
}
.page-2 .breadcrumb{
    display: none;
}
.breadcrumb a {
    color: #000;
}
/* Breadcrumb ENDE */

/* Footer START */
.footer {
    background-color: #0055a9;
    padding: 35px;
}
#page-footer.navbar-default, #page-footer.navbar-default a{
    color: #fff;
}
#page-footer.navbar-default{
    color: #fff;
}
#page-footer.navbar-default figcaption{
    text-align: center;
    color: #fff;
}

.icons_footer .col-xs-12 {
   max-width: 25%;
}
@media (max-width: 767px){
    .anschrift_footer .textmedia{
        text-align: center;
    }
    .icons_footer{
        margin: 10px 0px;
    }
}
/* Footer ENDE */

/* Inhalt START */
.page-content .csc-frame-default img{
    max-width: 100%;
    max-height: 100%;
    /*width: 100%;*/
    height: auto;
}
@media (max-width: 767px){
    .page-content img {
        max-height: 500px;
        width: auto;
    }    
}
.internal-link:before {
    content: none;
}
/* Inhalt ENDE */

/* Seitennavigation START */
.sidebar a{
    color: #0055a9;
}
.sidebar-sub-item a {
    color: #000;
}
.sidebar>.nav>li>a {
    font-size: 16px;
}
.sidebar .nav > li > a {
    padding: 5px 15px;
}
ul.nav.sidebar-sub {
    margin-left: 10px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
    background-color: transparent;
    color: #0055a9;
    font-weight: bold;
}
.sidebar {
    margin-bottom: 20px;
}
/* Seitennavigation ENDE */

/* Anpassungen LK START */
.start_welcome {
  padding-bottom: 60px;
  padding-top: 40px;
}
.start_welcome .page-header {
  padding-bottom: 0px;
  border: none;
  color: #337ab7
}
.start_content{
  padding-bottom: 60px;
}
.start_content .col-lg-4 {
  padding-left: 30px;
  padding-right: 30px;
}
.start_content .textmedia .textmedia-header {
  margin-bottom: 5px!important;
}
.footer {
  margin-top: 25px;
  background-color: #005c9a;
  padding: 13px;
  border: none;
}
.footer .textmedia .media-position-above {
    margin-top: 0px;
}
.start_welcome p {
  font-size: 18px;
}
.start_welcome h1 {
    font-size: 29px;
}
@media (min-width: 768px){
.sidebar-sub-item {
    text-indent: 0px;
}
}
@media (min-width:768px){
    nav#bs-navbar-collapse-1 {
        text-align: right;
        float: right;
    }
    .navbar-right{float: left!important;}
}
.optdownwrapper .container {
    width: 100%;
    padding: 0px;
}
.page-2 .footer {
    margin-top: 0px;
}
.optdownwrapper .mb-3 {
    margin-bottom: 0px!important;
}
/*Rufbereitschaft ANFANG*/
.rufbereitschaft {
    background-color: white;
    color: #005c9a;
    margin: 0 21%;
}
.rufbereitschaft figure {
    padding-top: 13px;
}

/*Rufbereitschaft ENDE*/
/* Anpassungen LK ENDE */

/* Kartenanpassungen START */
.txMaps2Form .checkbox{
    display: none;
}
.page-2 .txMaps2Form .form-group {
    margin-bottom: 0px;
}
/* Kartenanpassungen ENDE */


/* FLYOUT */

#flyout {
  position: fixed;
  right: -300px;
  top: 50%;
  margin-top: -90px;
  height: 180px;
  z-index: 100;
  padding-left: 2px;
}

#flyout #flyout-button {
  position: absolute;
  width: 33px;
  height: 100%;
  /*float: left;*/
  left: -30px;
}

#flyout #flyout-button .top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  height: 30px;
  width: 33px;
  /*background: url(./images/bg_flyout_top.png) no-repeat;*/
}

#flyout.open #flyout-button .top {
  /*background: url(./images/bg_flyout_top_close.png) no-repeat;*/
  cursor: pointer;
}

#flyout #flyout-button .text {
  position: absolute;
  z-index: 5;
  width: 32px;
  background: #0055a9;
  margin: 30px 0 30px 0;
  cursor: pointer;
}

#flyout #flyout-button .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: 30px;
  width: 33px;
  /*background: url(./images/bg_flyout_bottom.png) no-repeat;*/
}

#flyout #flyout-content {
  height: auto;
  width: 300px;
  /*background: #ffffff url(./images/bg_flyout_content.png) left bottom repeat-x;*/
  /*float: right;*/
  border: 1px solid #0055a9;
  font-weight: bold;
}

#flyout #flyout-header {
  color: #ffffff;
  background: #0055a9;
  height: 30px;
  line-height: 31px;
  padding: 5px;
  margin: 0;
  font-weight: bold;
}

#flyout #flyout-header .csc-firstHeader {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

#flyout #flyout-boxen {
  color: #0055a9;
  overflow: hidden;
  height: 118px;
  background-color: #fff;
}

/*#flyout #flyout-boxen .left {
  float: left;
  color: #000000;
}

#flyout #flyout-boxen .right {
  float: left;
}*/

#flyout #flyout-boxen .content {
  background-color: #ffffff;
  padding: 0px 15px 10px 15px;
  height: auto;
  font-size: 14px;
  width: auto;
  overflow: hidden;
}

#flyout #flyout-boxen .left .content {
    margin: 15px 5px;
}

#flyout #flyout-boxen .right .content {
    margin: 15px 5px;
}

#flyout #flyout-boxen .content a{
  color: #0055a9;
  /*background: url(./images/bg_flyout_arrow.png) 0 4px no-repeat;*/
}

#flyout #flyout-boxen .content p{
  margin: 0 0 10px 0;
}

#flyout #flyout-boxen .content ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

#flyout #flyout-boxen .content ul li{
  margin: 0 0 5px 0;
}

/* FLYOUT ENDE */

.notruf_bild {
margin-top: 23px;
}

.nierenersatz p {
    border: 1px solid transparent;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-color: #dddddd;
    border-radius: 4px;
    background-color: #f5f5f5;
    border-color: #dddddd;
    padding: 10px 15px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
@media (min-width: 768px) {
.bbh {
  margin-top: 31%;
}
}
@media (max-width: 767px) {
  .pull-right{
    min-width: 100%;
  }
}
figure#img-957-1 {
  margin-top: 10px;
}
@media (max-width: 1199px) {
    .navbar-nav {
        font-size: 12px;
    }
}
@media (-ms-high-contrast:active) and (-ms-high-contrast: none) {
    img.img-responsive {
        max-width: 334px!important;
    }
}

@media (max-width: 991px) {
    .leistungenAbsatz {
        margin-bottom: 60px;
    }
}
/*div#c1390 {
    margin-bottom: 27px;
}*/
/*IE-Fix*/
.icons_footer img{
    max-width: 65px!important;
}
@media (-ms-high-contrast:active) and (-ms-high-contrast: none) {
    .jumbotron img.img-responsive {
        max-width: 100%!important;
    }
}
.aerzte img.img-responsive {
    max-width: 265px!important;
}
@media (-ms-high-contrast:active) and (-ms-high-contrast:none){
    .arzt img.img-responsive {
        max-width: 70% !important;
    }
    .jobs img.img-responsive {
        max-width: 250px!important;
    }
}


/* Anpassung Jumbotron Gallery */
figure#img-1418-1 {
    max-height: 400px;
}

figure#img-1419-1 {
    max-height: 400px;
}

figure#img-1420-1 {
    max-height: 400px;
}

figure#img-1421-1 {
    max-height: 400px;
}

figure#img-1422-1 {
    max-height: 400px;
}

figure#img-1423-1 {
    max-height: 400px;
}

figure#img-1424-1 {
    max-height: 400px;
}

figure#img-1425-1 {
    max-height: 400px;
}

figure#img-1426-1 {
    max-height: 400px;
}

/*Anpassung Kardiorenables Syndrom*/

.ks {
    margin-top: 40%;
}

/* Anpassung Headslider Standorte */

.nivo-controlNav {
    visibility: hidden;
}

/* Anpassung Flyout */

#flyout #flyout-boxen .left .content {
    margin: 19px 3px;
}

#flyout #flyout-content {
    height: auto;
    width: 378px;
    /* background: #ffffff url(./images/bg_flyout_content.png) left bottom repeat-x; */
    /* float: right; */
    border: 1px solid #0055a9;
    font-weight: bold;
}
#flyout {
    position: fixed;
    right: -378px;
    top: 50%;
    margin-top: -90px;
    height: 180px;
    z-index: 100;
    padding-left: 2px;
}
#flyout #flyout-boxen .content {
    background-color: #ffffff;
    padding: 0px 15px 0px 15px;
    height: auto;
    font-size: 14px;
    width: auto;
    overflow: hidden;
}
#flyout #flyout-boxen .left .content {
    margin: 24px 3px;
}


@media all and (-ms-high-contrast:none){
    #c1571 img.img-responsive {
        max-width: 268px!important;
    }
}

/*DSGVO Google Maps*/

div#maps2- {
text-align: center;border: 3px solid #005c9a;
    padding: 5rem 0rem 5rem 0rem;
    
}
div#maps2- a{
    color:white;
    background-color:#005c9a;
    padding: 1rem;
    
}
.startseite_notdienst h2 {
    margin-top: 5px;
}

.footer-icons_text{
  color: #ffffff;
}
.footer-icons_img{
  max-width: 80%;
}
.footer-icons_container, .footer-container{
  margin: auto;
}
.footer-links{
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  padding-top: 40px;
}
.footer-links p{
  color: #ffffff;
  text-decoration: none;
}
.footer-links_item {
    color: white !important;    
    text-decoration: none !important; 
}
.footer-links_item:hover {
    text-decoration: underline !important;    
} 
#expanded-content-top{
  max-width: 80%;
  margin: auto;
  margin-bottom: 0px;
  margin-top: 20px;
}
.startseite_main-header{
  color: #337ab7;
  padding-bottom: 5px;
}
/** Startseite 3 column cards **/
.startseite-cards_item{
  
  margin: auto;
}
.startseite-cards_text h2 a{
  color: #337ab7;
  text-decoration: none;
}
.startseite-cards_text h2 a:hover{
  text-decoration: underline;
}
.startseite-cards_container > div > div{
  max-width: 90%;
  margin: auto;
}
.startseite-cards_container{
  padding-top: 50px;
  max-width: 80%;
  margin: auto;
}


/** Uber uns  **/

.uber-text{
  max-width: 70%;
  margin: auto;
}
    /** nav **/
/* Стили для сайдбара */
.side-navigation .list-group-item {
    color: #333 !important; /* Тёмный цвет текста */
    text-decoration: none !important; /* Убираем подчеркивание */
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
}

/* Эффект при наведении */
.side-navigation .list-group-item:hover {
    background-color: #f8f9fa !important;
    color: #337ab7 !important; /* Твой синий цвет на ховер */
    border-left: 3px solid #337ab7;
}

/* Подпункты (отступы) */
.side-navigation .sub-menu .list-group-item {
    background-color: #fafafa;
    border-bottom: 1px solid #eee !important;
}

/* Активный пункт (если хочешь выделить текущую страницу) */
.side-navigation .list-group-item.active-parent {
    font-weight: bold;
    color: #337ab7 !important;
    border-left: 3px solid #337ab7;
}

/* Убираем стандартные синие ссылки Bootstrap внутри навигации */
.side-navigation a {
    text-decoration: none !important;
}
.side-navigation .list-group-item {
    text-decoration: none !important;
    color: #444 !important;
    transition: 0.2s;
}

.side-navigation .btn-light {
    background: #fdfdfd;
    color: #ccc;
}

.side-navigation .btn-light:hover {
    color: #337ab7;
}

/* Стилизация открытого меню */
.side-navigation .collapse.show {
    border-bottom: 1px solid #dee2e6;
}

.side-navigation .small {
    font-size: 0.85rem;
    border-left: 2px solid #337ab7; /* Синяя полоска слева у подпунктов */
}
.leistungen-card_img{
  width: 190px !important;
  height: 190px !important;
}
.leistungen-card_text{
  color: #337ab7;
  text-decoration: none !important;
}
.leistungen-card_text:hover{
  text-decoration: underline !important;
}
.leistungen-content-conteiner{
  max-width: 1400px;
  margin: auto;
  padding-top: 20px;
}
.leistungen_main-photo{
  padding-top: 30px;
}

/** nierenerkrankungen **/

.nierenerkrankungen_main-photo{
  max-height: 400px !important;
  overflow: hidden;
  object-position: center;
  position: relative;
}

.nierenerkrankungen_main-photo picture img{
    width: 100%;
    height: 100%;
    /* ГЛАВНАЯ МАГИЯ ТУТ: */
    object-fit: cover;    /* Растягивает фото, чтобы заполнить блок без искажений */
    object-position: center; /* Центрирует фото (обрезает края равномерно) */
    max-height: 400px;
}
.nierenerkrankungen_text{
  padding-left: 30px;
  padding-top: 50px;
  padding-bottom: 30px;
}
/**.nierenerkrankungen_second-photo picture img{
  width: 100%;
  object-fit: cover; 
  object-position: center;
}
.nierenerkrankungen_second-photo figure{
  width: 100% !important;
  margin: 0px !important;
} **/
.nierenerkrankungen_second-photo picture img{
  border-radius: 15px;
  margin-top: 50px;
}
.nierenersatzverfahren_second-photo{
  overflow: hidden;
}
.nierenersatzverfahren_second-photo picture img{
  border-radius: 15px;
  margin-top: 20px;
  width: 400px;
  height: 200px;
  object-fit: cover; 
  object-position: center;
}
.aerzte-cards{
  border-radius: 15px;
}
.kooperation-content-conteiner .odd{
   display: flex; 
  flex-direction: column;
  justify-content: center;
}
.kontakt-text{
  margin-top: 30px;
}
.visitors-text a{
  text-decoration: none;
}
.suche-plugin{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.carousel-inner.gallery{
  max-height: 500px !important;
}

/** Media adaptation **/

@media (max-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }
    #c680 > div, #c793 > div{
      padding-left: 15px; 
    }
    #c832, #c847{
      padding-left: 15px;
      padding-right: 15px;
  }
    #c31 img{
      max-width: 95% !important;
      height: auto !important;
    }
}
@media (max-width: 768px) {
  .standort-location_tittle{
    margin-top: 50px;
  }
  #c832, #c847{
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1200px) {
  .footer-icons_img{
    max-width: 65px !important;
  }
  .top-content_lipid{
    display: none;
  }
  .startseite_notdienst{
    margin-left: 50px;
  }
  #c807 {
    margin-bottom: 30px;
  }
}
@media (max-width: 992px) {
    .nav-item{
        border-bottom: solid 1px #0055a9;
    }
  .navbar-toggler{
    background-color: #0055a9;
    color: white;
  }
  .navbar-toggler-icon{
    filter: brightness(0) invert(1);
  }
}
.google-maps_container{
  text-align: center !important;
}
.startseite-cards_container{
  margin-bottom: 50px;
}
.container-fluid{
  padding: 0px !important;
}

/**  Kontakt button Right **/

.sticky-contact-link {
    position: fixed; /* Приклеиваем к экрану */
    right: 0;        /* К правому краю */
    top: 50%;       /* По центру высоты */
    transform: translateY(-50%) rotate(-90deg); /* Поворачиваем вертикально */
    transform-origin: right bottom; /* Точка вращения */
    
    background-color: #0056a3; /* Твой синий цвет (подбери точнее) */
    color: #ffffff !important;
    padding: 10px 25px;
    text-decoration: none !important;
    font-weight: bold;
    z-index: 9999; /* Чтобы была поверх всего */
    border-radius: 5px 5px 0 0; /* Скругление только сверху (которое станет левым боком) */
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.sticky-contact-link:hover {
    background-color: #003d75; 
    padding-right: 35px; 
    padding-left: 35px;
}


/** Adaptation **/

.navbar-toggler{
  right: 0;
  position: absolute;
  margin-right: 20px;
}
.uber-text a, visitors-text a{
  color: #337ab7;
  text-decoration: none;
}
.uber-uns_img{
  max-width: 80%;
  margin: auto;
  margin-top: 50px;
}
.uber-uns_img img{
  border-radius: 15px;
}
.leistungen-content-conteiner > div{
  margin-bottom: 30px;
}