@import url("../fonts/stylesheet.css");
main.cd-main-content +div {
    opacity: 0;
}

html {  font-size: 15px;}

.row {    display: flex;    flex-wrap: wrap;}
.col-sm-2 {    -ms-flex: 0 0 20%;    flex: 0 0 20%;    max-width: 20%;}
.col-sm-3 {    -ms-flex: 0 0 25%;    flex: 0 0 25%;    max-width: 25%;}
.col-sm-4 {    -ms-flex: 0 0 33.33333%;    flex: 0 0 33.3333%;    max-width: 33.3333%;}

.col-sm-10 {    -ms-flex: 0 0 80%;    flex: 0 0 80%;    max-width: 80%;}
.navbar-menu {float: right;
    padding-right: 0;}
/*-------------------------------------------------- */
.we-hilfe {  font-size: 12px;  color: #F00;  margin-top: 10px;}
.margin-top {  margin-top: 20px;}
.credits {  color: rgba(255, 255, 255, 0.4);  font-weight: bold;}
.credits a {  color: rgba(255, 255, 255, 0.4) !important;}
/* Basics & Bootstrap overrides
-------------------------------------------------- */
.navbar-brand {  font-size: 1.444rem;}
.btn {  font-size: 0.7778rem;}
.btn.btn-default {  background-color: #f9f9f9;  color: #777777;}
.form-group .control-label {  font-weight: normal;}
.form-group label.error {  color: #c0392b;  font-weight: normal;  font-size: 0.7778rem;}
.wrapper-inhalt {  padding: 30px 0;}
/* Slider
---------------------------------------------------------------------------------------------------- */
.carousel-inner > .item {   overflow: hidden;}
.carousel-inner > .item > img {  margin: 0 auto;     max-width: 744px;
    max-height: 399px; }
.carousel-indicators {  bottom: 5px;  left: 0;  right: 0;  margin: 0 auto;}
.carousel-indicators li,.carousel-indicators li.active {  width: 20px;  height: 20px;  border-radius: 25px;  margin-right: 5px;}
.carousel-indicators li:last-child,.carousel-indicators li.active:last-child {  margin-right: 0;}
.carousel-inner .carousel-caption {  z-index: 10;  top: 0;    max-width: 1300px;width: 100%;    margin: 0 auto;    left: 0;    right: 0;    padding: 70px 20px;}
.carousel-inner .carousel-caption .car-container {  max-width: 40%;}

.wrapper-inhalt .carousel-inner > .item, .wrapper-inhalt .standard-bild {    border-bottom:none;    border-right:none;    border-bottom-right-radius: 0;}
.caption {    left: 0;    right: 0;    bottom:0;    z-index: 14;    padding: 10px;    background: rgba(0,0,0,0.4);    color: #fff;    position: absolute;}
.carousel-inner .carousel-caption h1 {  color: #fff;   font-size: 75px; font-family: 'overlock_scregular';line-height: 0.8;}
.carousel-inner .carousel-caption .carousel-caption-txt {  font-size: 18px;  line-height: 1.2;  margin-bottom: 10px;    font-weight: 600;}
.block {  position: relative;  background: #ffffff;  border: 1px solid #dddddd;  border-top-right-radius: 5px;  border-top-left-radius: 5px;  border-bottom-right-radius: 5px;  border-bottom-left-radius: 5px;  -webkit-box-shadow: 2px 2px 6px -5px #666666;  box-shadow: 2px 2px 6px -5px #666666;  margin: 80px 20px 30px;  padding: 40px 20px 20px;  text-align: center;}
.block-icon {  border: 1px solid #dddddd;  background: #fff;  color: #ec7405;  font-size: 60px;  height: 100px;  line-height: 100px;  position: absolute;  right: 0;  left: 0;  margin: 0 auto;  text-align: center;  top: -50px;  width: 100px;}
.hinweis {  padding: 5px;  border-top-right-radius: 10px;  border-top-left-radius: 10px;  border-bottom-right-radius: 10px;  border-bottom-left-radius: 10px;  background: rgba(252, 248, 227, 0.8);  font-size: 16px;  color: #F00;  position: relative;  padding: 2px 80px;  margin: 30px 0;}
.hinweis i {  position: absolute;  font-size: 25px;  left: 19px;  top: 1px;}
.wichtig {  padding: 5px 5px 5px 80px;  border-top-right-radius: 10px;  border-top-left-radius: 10px;  border-bottom-right-radius: 10px;  border-bottom-left-radius: 10px;  background: rgba(223, 240, 216, 0.9);  color: black;  font-size: 16px;  position: relative;  margin: 30px 0;}
.wichtig i {  position: absolute;  top: 5px;  font-size: 25px;  left: 19px;}
.hilfe-text-top {  position: absolute;  width: 100%;  top: 35px;  z-index: 10;}
.hilfe-text-bottom {  position: relative;  width: 100%;  top: 20px;  z-index: 10;}
.standard-bild-backend table {  margin: 0 auto;}
.backend-margin {  margin-top: 70px;}
.map-info-border {  display: none;}
.carousel-control.left , .carousel-control.right{    background-image: none;     width: 50px;}
.carousel-control.left{       background: url(../images/ico-slide-prev.png) 0 50% no-repeat; }
 .carousel-control.right{       background: url(../images/ico-slide-next.png) 0 50% no-repeat; }
.carousel-control.left span , .carousel-control.right span{  display:none;}
.carousel-indicators {    display: none;}
.navbar-default {        border: none;}

.carousel .container {    max-width: 1300px;}


/* Styles 
-------------------------------------------------- */
body {  margin-top: 50px;  font-weight: normal;     margin: 0 auto;font-size:16px; font-family: 'robotoregular';   padding: 0px;   color:#666;    line-height: 1.6;}
.container {    max-width: 1522px; width: 100%;}

.img-circle {  border-radius: 500px;  behavior: url(/js/polyfill/pie/PIE.htc);}
h1 small,h2 small,h3 small,h4 h5 small,h6 small {  display: block;}
h1,h2,h3,h4,h5{  font-family: 'robotolight'; color: #82374b;    }
#main-content h1 {      font-size: 40px;    margin: 0 0 2rem 0;    line-height: 0.9;    font-family: 'robotomedium';}
/* Hero-Titel: echte Medium-Schnittstelle verwenden */
#container2 h1{
  font-family: 'robotomedium', 'Roboto', system-ui, sans-serif; /* echte Medium-Datei */
  font-weight: normal;  /* wichtig: kein künstliches Bold */
  font-size: 50px;
  margin: 0 0 2rem 0;
  line-height: 0.9;
}
h2 {      font-size: 40px;    margin: 0 0 2rem 0;    line-height: 0.9;    font-family: 'robotomedium';}
h3 {    margin: 15px 0;font-size:23px;font-family: 'robotomedium';color:#000;       margin: 15px 0 15px 0;    clear: both;}
h4 {    font-size: 27px;    margin: 2rem 0 0.5rem 0;    line-height: 0.9;    font-family: 'robotomedium';    color: #82374b;}
h4 {       font-size: 20px;    margin: 2rem 0 0.5rem 0;    line-height: 0.9;    font-family: 'robotomedium';    color: #000;}
h5 {    margin: 0 0 10px 0;    font-family: 'robotomedium';    color: #000;    font-size: 18px;    line-height: 1.2;}
h6 {  margin: 0;}
b, strong{font-family: 'robotomedium';color:#000;}
hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border: 0;
    border-top: 1px solid #dddddd;
    display: block;
    clear: both;
}
.wrapper-inhalt .col-sm-8 h3 {    font-size: 26px;    color: #666;}
aside h3 {    font-size: 20px;    border-bottom: 1px solid #ccc;    padding-bottom: 10px;}
.headline-txt {  font-size: 22px;  color: #ec7405;  margin: 0 0 .75rem;}
.headline-txt small {  color: #aaaaaa;}
aside {  border-top: 1px solid #dddddd;  padding-top: 30px;  margin-top: 30px;}
.teaser-box,.news-box {  text-align: center;      padding: 30px 0 0 0;    margin: 30px 0 0 0;}
.news-wrapper .news-box img {  display: block;  margin: 0 auto 25px;}
.news-wrapper .news-box:last-child {  border-bottom: none;  padding-bottom: 0;  margin-bottom: 0;}
#map-canvas {  height: 200px;}
.panel-heading {  padding: 0;}
.panel-heading .panel-title a {  display: block;  padding: 10px 15px;  background: #F5F5F5;}
.mod-box {    background: #fff;    margin: 0;    box-shadow: 0 0 30px rgba(0,0,0,0.05);}
#sidebar .mod-box {    padding: 30px 15px;}
.btn, .btn-primary {      background: #82374b;    border: none;    padding: 8px 25px;    font-size: 16px;    border-radius: 0;    -webkit-transition: all 200ms;    -moz-transition: all 200ms;    -o-transition: all 200ms;    transition: all 200ms;    color: #fff;border:1px solid transparent;}
.btn:hover, .btn-primary:hover, .btn:focus, .btn-primary:focus { background: #fff;    color: #82374b;    border: 1px solid #82374b; }
.btn-footer {      background: #e6e6e6;    color: #000;}
.btn-footer:hover {      background: #e0e0e0;    color: #000;}
.navbar-brand {    padding: 0;}
.navbar .col-sm-10 {    padding-right: 0;}
ul {    list-style: none;    line-height: 2;    padding: 0 0 0 20px;}
.wrapper-inhalt ul {    list-style-type: square;}
.form-control {    font-size: 15px;   border:1px solid #eaeaea;  border-radius: 0;    box-shadow: none;}
.form-control:focus {  border-color: #82374b;    outline: 0;    box-shadow: none;}
label {    font-size: 15px;    font-family: 'robotomedium';}
.padding0 {    padding: 0;}
.icons {    width: 70px;    float: left;text-align:center;    min-height: 100px;height: 100%;}
.icons p {    font-size: 13px;    margin: 5px 0;}
.icon-wrapper {    margin: 20px 0 0 0;}
.we_blockControls {    clear: both;}
a {    color: #82374b;-webkit-transition: 300ms;    transition: 300ms;}
a:hover {    color: #5fade4    text-decoration: none;}
a:hover, a:focus {    color: #5fade4;    text-decoration: none;}
.wrapper-inhalt input,.wrapper-inhalt textarea, .wrapper-inhalt select {    border: 1px solid #ccc;}
form.formcontact div {    padding: 0;}
form.formcontact {    padding-top: 30px;}
form.formcontact label {    opacity: 0.5;}
p {    margin: 15px 0;}



/************NEW*********/

* {    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
.videoWrapper {	position: relative;	padding-bottom: 56.25%; 	padding-top: 25px;	height: 0;}
.videoWrapper iframe {    border: 10px solid #fff;position: absolute;    left: 0;    right: 0;    margin: 0 auto;}
section#main+div {    opacity: 0;}
.navbar {    background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.2);}
.container{ }
.container.zind {    padding: 0;}
header, .cd-main-header {    height: 140px;    position: relative;    box-shadow: 0 0 10px rgba(0,0,0,0.2);    left: 0;    right: 0;}
header .col-sm-3 {    max-width: 361px;}
header .col-sm-9 {    padding-left: 0;}
img {    max-width: 100%;    width: 100%;    height: auto;}
img.img-captcha {    width: auto;height: 40px;float:left;}
input#captchaname {    width: 250px;    float: left;}
.form-group.captcha-form img {
    width: 180px;
    float: left;height: 40px;
}
img.refresh-button {
    width: 24px!important;
    height: 24px!important;    margin: 8px 10px;
}
#myForm button.btn {    clear: both;    display: block;    margin-top: 20px;}
div#sidebar {    padding: 0px 25px 0 30px;}
div#main {    padding-right: 0px;}
/*#bg_features {   background-size: contain;    opacity: 0.3;}
#bg_container {     border: 1px solid;    background: url(../images/bghead-back.jpg) 0 0 no-repeat;    background-size: auto 753px;    opacity: 1;    height: 600px;    position: absolute;    top:0;    left: 0;    width: calc(1522px + calc((100% - 1522px) / 2 ));    max-width: none;    border: 2px solid #873847;       border-bottom-right-radius: 155px;    padding: 0;    object-fit: cover;}
#features2 {   background: url(../images/bghead-back.jpg) 50% 0 no-repeat;    background-size: contain;    opacity: 0.3;}
#container2 {     border: 1px solid;    background: url(../images/bghead-back.jpg) 0 0 no-repeat;    background-size: auto 753px;    opacity: 1;    height: 600px;    position: absolute;    top:0;    left: 0;    width: calc(1522px + calc((100% - 1522px) / 2 ));    max-width: none;    border: 2px solid #873847;       border-bottom-right-radius: 155px;    padding: 0;    object-fit: cover;}
#container2:after {    content: '';    background: none 50% 0 no-repeat; width: 820px; height: 820px;    position: absolute;    z-index: 10;    top: 0;}
*/

#features img {     opacity: 0.3;  vertical-align:middle;}
#container2 {       opacity: 1;    height: 400px;    position: absolute;    top:0;    left: 0;    width: calc(1522px + calc((100% - 1522px) / 2 ));    max-width: none;    border-right: 2px solid #873847;  border-bottom: 2px solid #873847;       border-bottom-right-radius: 155px;    padding: 0;    object-fit: cover;}
#container2:after {    content: '';    background: none 50% 0 no-repeat; width: 820px; height: 820px;    position: absolute;    z-index: 0;    top: 0;}
.feature-caption{     display: flex;    height: 100%;    width: 100%;    max-width: 1522px;  color:#000;    float: right;    position: relative;    z-index: 100;    align-items: center;    justify-content: flex-start;}
.caption-container{       vertical-align: middle;padding: 0 30px;font-size:17px;    width: 35%;}
/*.features-pages {   min-height: 740px;  background-size: cover;    opacity: 0.3;}*/
/*.container-pages {     border: 1px solid;   opacity: 1;    height: 260px;    position: absolute;    top:0;    left: 0;    width: calc(1522px + calc((100% - 1522px) / 2 ));    max-width: none;    border: 2px solid #873847;       border-bottom-right-radius: 155px;    padding: 0;}*/
.container-pages {     height: 300px!important;   }
.container-pages:after { display:none;   }

.home-container {      }
.chirugie-container {   background: url(/assets/images/header-bg-chirurgie.jpg) 0 0 no-repeat;    }
.urologie-container {   background: url(/assets/images/bg-urologie.jpg) 0 0 no-repeat;    }
.innere-container {   background: url(/assets/images/headers-bg-innere2.jpg) 0 0 no-repeat;    }
#allgemein-features {  background: url(/assets/images/header-bg-chirurgie.jpg) 50% 0 no-repeat;  background-size: cover; }
#allgemein-container {   background: url(/assets/images/header-bg-chirurgie.jpg) 0 0 no-repeat;    }
#klinik-features {  background: url(/assets/images/header-bg-chirurgie.jpg) 50% 0 no-repeat;  background-size: cover; }
#klinik-container {   background: url(/assets/images/header-bg-chirurgie.jpg) 0 0 no-repeat;    }
.container-pages h2{        font-size: 36px;    color: #fff;    background: none right 10px top 10px no-repeat rgba(95,173,228,0.9);    padding: 30px 30px 60px 30px;    border-bottom-right-radius: 50px;    display: inline-block;    min-width: 330px;}
div#main-content {    background: transparent;    padding: 50px 0;}
div#main {    display: grid;}
div#content {    width: 75%;    float: left;padding:50px ;border-right: 1px solid #e5e5e5;}
div#sidebar-b {       width: 25%;    float: right;padding:50px 30px;    line-height: 1.4;overflow: hidden;
}
#sidebar-b h3 {       margin: 0 0 25px 0;    font-size: 23px;    font-family: 'robotomedium';    color: #000;    line-height: 1.2;}
.personal_box {    margin: 0 0 20px 0;}
.personal_box2 {    width: 20%;    float: left;    padding: 15px;}
.col-sm-3.personal_box2 img {
    max-width: none;
   max-height: 198px;
    width: 100%;
}
.personal_box3 {      border-bottom: 1px solid #e5e5e5;    padding: 20px 0;       display: flex;}
.personal_box3 img {      width: 315px!important;}
.personal_name {    font-size: 16px;    margin: 0 0 5px 0;    line-height: 1.2;    font-family: 'robotomedium';}
.personal_position {    font-size: 14px;    margin: 0 0 0 0;    line-height: 1.2;}
p.personal_funktion {
    font-size: 14px;
    margin: 10px 0;
    line-height: 1.2;
}
p.personal_time {
    font-size: 14px;
    margin: 10px 0;
    line-height: 1.2;
}
.personal_tel {    font-size: 14px;    margin: 8px 0;    line-height: 1.2;	background: url(../images/icon_phone.svg) 0 0px no-repeat;    padding: 0 0 0 20px;    background-size: 16px;}
.personal_mail {    font-size: 14px;    margin: 8px 0;    line-height: 1.2;	background: url(../images/icon_email.svg) 0 0px no-repeat;    padding: 0 0 0 20px;    background-size: 16px;}
.personal_info {    font-size: 14px;    margin: 8px 0;    line-height: 1.2;    background: url(../images/icon_info.svg) 0 0px no-repeat;    padding: 0 0 0 20px;    background-size: 16px;}
.personal_location {
    font-size: 14px;
    margin: 8px 0;
    line-height: 1.2;
    background: url(../images/icon_location.svg) 0 0px no-repeat;
    padding: 0 0 0 20px;
    background-size: 16px;
}

.personal_box3 p.personal_name{   color:#000;    font-family: 'robotomedium';}
.iconbox {
      text-align: center;
    margin: 0 0 30px 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    border: 1px solid #e5e5e5;
    border-radius: 100%;
    padding: 28px;
}
.iconbox .title {
    font-size: 16px;
    margin: 0 0 5px 0;
    line-height: 1.2;
    font-family: 'robotomedium';
    color: #82374b;
    text-align: center;
}
.iconbox img {
    width: 72px;
    margin: 0 auto;
}
 .iconbox:hover{   opacity: 0.7;
    transform: scale(0.9);}
a.readmore {    margin: 10px 0;    display: block;}


#aktuelles {    text-align: center;    padding:50px 0 150px 0;    background: #fbf7f6;}
#aktuelles  .row {    align-content: center;    justify-content: center;margin: 0 auto;
    max-width: 75%;}
#aktuelles h2{font-size: 48px;    margin: 0 0 2rem 0;    line-height: 0.9;    font-family: 'robotolight';    position: absolute;    margin: -95px auto 0 auto;    left: 0;    right: 0;}
#aktuelles .akt-box {     background: #fff;
    padding: 30px 20px 15px 20px;
    text-align: center;
    min-height: 200px;
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);}

#aktuelles h3{color: #82374b;  line-height: 1.2;  margin-top: -15px;font-size: 20px;}
.akt-box2 {
    border: 1px solid #e5e5e5;
    padding: 30px;margin-bottom: 30px;
}
.akt-img{margin:-30px -30px 30px -30px;}
#aktuelles .akt-img{margin:-30px -20px 30px -20px;}
.akt-box2  table {
   width:100%;
}
.akt-box2  table tr:first-child td {
        font-family: 'robotoregular';
}
.akt-box2  table tr td {
      border:none;
}
.akt-box2  table tr td:nth-child(3) {
    font-family: 'robotomedium';
}
.newsbox {
    background: #fbf7f6;
    padding: 20px;
}
#leistungen h2 {    font-size: 48px;    margin: 0 0 2rem 0;    line-height: 0.9;    font-family: 'robotolight';position: absolute;
    margin: -95px auto 0 auto;
    left: 0;
    right: 0;}
#leistungen {    text-align: center;    padding: 50px 0;    background: #fbf7f6;}
#leistungen .container{   }
#leistungen h3 {    font-family: 'robotolight';    color: #82374b;    line-height: 1.2;    margin: 10px 0;    min-height: 60px;}
#leistungen .img-circle {    max-width: 220px;}
#leistungen .col-sm-2 {    width: 20%;}
.teaser-box a:hover {    opacity: 0.7;    transform: scale(0.9);    display: block;}
.teaser-row{display: flex;
    flex-wrap: wrap;
    justify-content: center;}
#video {      padding: 100px 0; }
#video .container{   display: flex;    align-items: center;    justify-content: center;}
#video .box{ justify-content: center;    padding: 0 30px;}
#video h2{font-size:42px;}
#footer{  background: #e6e6e6;    padding:100px 0;  color: #666;}
#footer h3 {    margin: 15px 0;    font-size: 28px;    font-family: 'robotomedium';    color: #000;}
#footer iframe {    border: 2px solid #fff !important;}

.top-r {    height: 48px;    float: right;    margin-right: 0px;}
.top-r li {    float: left;    list-style: none;    padding: 0 15px;    line-height: 48px;    font-family: 'robotomedium';    color: #000;}
.top-r li:last-child {      padding-right: 0 ;}
.top-r li a {    color: #000;    font-size: 14px;
    text-transform: uppercase;color: #82374b !important;padding: 0 0 0 22px;}
.top-r li a.btn {
background: #82374b;
    border: none;
    padding: 5px 25px;
    font-size: 14px;
    border-radius: 0;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    color: #fff !important;
    border: 1px solid transparent;
    letter-spacing: 0.5px;
    font-family: 'robotobold';
}
.top-r li a.btn:hover ,.top-r li a.btn:focus{ background: #fff;    color: #82374b!important;    border: 1px solid #82374b; }
a.tel {    background: url(../images/icon_phone.svg) 0 0px no-repeat;    padding: 0 0 0 25px;    width: 18px;    color: #000;    font-family: 'robotomedium';    }
a.email {    background: url(../images/icon_email.svg) 0 -2px no-repeat;    padding: 0 0 0 25px;    width: 18px;        color: #000;    font-family: 'robotomedium';}
a.contact {  background: url(../images/icon_contact2.svg) 0 0 no-repeat;     background-size: 18px; padding:0 0 0 20px!important;    width: 18px;        color: #000;    font-family: 'robotomedium';}
a.info {   background: url(/assets/images/ico_info.svg) 0 0 no-repeat;   padding: 0 0 0 25px;    width: 18px;        color: #000;    font-family: 'robotomedium';}
a.sos {    background: url(../images/icon_sos.svg) 0 1px no-repeat;      background-size: 18px;  padding: 0 0 0 25px;    width: 18px;    color: #000;    font-family: 'robotomedium';    }
.name {    background: url(../images/icon_person_red.svg) 0 1px no-repeat;      background-size: 18px;  padding: 0 0 0 32px;    width: 18px;    color: #000;    font-family: 'robotomedium';    }
.function {   background: url(../images/icon_info.svg) 0 3px no-repeat;    background-size: 18px;padding: 0 0 0 32px;    width: 18px;        color: #000;    font-family: 'robotomedium';  display: flex;
  align-items: flex-start;
  gap: 5px; /* Abstand zwischen Icon und Text */
  font-family: 'robotomedium';
  color: #000;}





span.fax {    background: url(../images/icon_fax.svg) 0 0px no-repeat;  background-size: 23px;  padding: 0 0 0 32px;    width: 18px;    color: #000;    font-family: 'robotomedium';    }
.contact-list {    padding: 10px 0;    border-bottom: 1px solid #fff;}
.contact-list:last-child {    border: none;}
.adress-block {    background: url(../images/icon_location.svg) -1px 8px no-repeat;    padding: 5px 0 5px 32px!important;    background-size: 25px;    color: #000;    font-family: 'robotomedium';}
.contact-box {    background: #f1f1f1;    margin: -50px -30px 30px -30px;    padding: 30px;}
.contact-list a{    padding: 0 0 0 32px;}
.privattel {     padding: 0 0 0 32px;    width: 100%;    color: #000;    font-family: 'robotomedium'; display:block   }
.privatname1 {    background: url(../images/icon_man_on_phone.svg) 0 0px no-repeat;    padding: 0 0 0 32px;  display:block ;     width: 100%;    color: #000;    font-family: 'robotomedium';    }
.privatname2 {   display:block;      width: 100%;    color: #000;    font-family: 'robotomedium';     padding: 0 0 0 32px; }
.buchen-box {   display:none; background: #82374b;    margin: -50px -30px 30px -30px;    padding: 20px 30px;}
.buchen-box a{         color: #fff;
    font-family: 'robotomedium';
    text-transform: uppercase;
    background: url(/assets/images/icon_calendar.svg) 0 1px no-repeat;
    padding: 0px 0 0 33px;
    display: block;
    background-size: 24px;
    letter-spacing: 0.6px;
}
.btn-fibro {
    background: url(/assets/images/icon_calendar.svg) 11px 7px no-repeat #82374b;
    padding: 8px 25px 8px 45px;
    background-size: 24px;
}  
.btn-fibro:hover {
    background: url(/assets/images/icon_calendar_red.svg) 11px 7px no-repeat #fff;
    padding: 8px 25px 8px 45px;
    background-size: 24px;
} 
.zitat-box {
    background:    #f1f1f1;
    margin: -50px -30px 30px -30px;
      padding: 30px;
    font-size: 17px;
    font-family: 'roboto';
    background-size: 40px;
    font-style: italic;
    color: #82374b;
}
.zitat-box span{    display: block;
    font-family: 'robotomedium';
    font-size: 12px;
    font-style: normal;
    margin: 6px 0;
   
}
.infoblock {  display: block;    border-top: 1px solid #82374b;    border-bottom: 1px solid #82374b;    padding: 20px 20px 20px 80px;    margin: 25px 0;    color: #82374b;    font-family: 'robotomedium';    background: url(../images/ico-infoblock.png) 20px 50% no-repeat;    line-height: 1.2;}
#main ul , .mfp-content ul{    padding: 0 ;}
#main li, .mfp-content li {    background: url(../images/ico-list-style.png) 0 4px no-repeat;    padding-left: 15px;    line-height: 1.3;    padding: 0 0 12px 15px;}
p.search_title a {    font-family: 'robotomedium';}
.elternschule #sidebar-b li {      padding: 0 0 7px 15px;    font-weight: bold;}
.sidebar-box {    border-top: 1px solid #e5e5e5;    padding-top: 30px;}
.sidebar-box:first-child {    border-top:none;    padding-top: 0;}

.tableinfo {    border-top: 1px solid #82374b;    border-bottom: 1px solid #82374b;    padding: 20px 20px 20px 80px;    margin: 25px 0;    color: #82374b;    font-family: 'robotomedium';    background: url(../images/ico-infoblock.png) 20px 50% no-repeat;    line-height: 1.2;    width: 100% !important;    padding-left: 200px;}
.tableinfo  tr{}
.tableinfo  td{    width: 33.333%;    padding: 10px 20%;}
.tableinfo  td:first-child{padding-left:20%;}
.tableinfo  td:last-child{padding-right:20%;}
td {    padding: 5px;    border: 1px solid #f1f1f1;    padding: 5px;}
table tr:first-child td {    font-family: 'robotomedium';}
table.tableformat tr:nth-child(odd) {
    background: #f1f1f1;
}
table.tableformat {
    width: 100%;
}
#page-233 table.tableformat td {
    width: 50%;
}
.climatetable td {
    border-width: 1px 0 1px 0;padding:  10px;
    width: 25%;
}


.climatetable tr:first-child td {
    background: #f1f1f1;  
}
 sup {
    font-size: 14px;
}
.climatetable tr:nth-child(odd) {
    background: #fafafa;  
}
.climatetable tr td:first-child  {
   width:50%; 
}
.climatetable tr td:nth-child(2)  {
   width:20%; 
    text-align: right;
}
.climatetable tr td:nth-child(3)  {
   width:30%; 
    text-align: right;
}

.accordeon-header {    display: block;       clear: both; background: url(../images/ico-list-style.png) 0 16px no-repeat;    padding-left: 15px;    line-height: 1.3;    padding: 12px 25px 12px 15px;    border-bottom: 1px solid #e5e5e5;    position: relative;	   }
a.accordeon-header.kursonline-1:after {content: '';    position: absolute;    width: auto;    height: auto;    top: 0;    bottom: 0;    right: 0;    padding: 15px 30px 12px 0px;    background: url(../images/icon-online-kurs.svg) 100% 11px no-repeat;    background-size: 27px;    font-size: 13px;}
a.accordeon-header.collapsed{}
.accordeon-header.item-1 { }
.accordeon-desc img {
  
    width: 100% ! Important;

}
.accordeon-desc {      padding: 30px 0;}
.online-kurs-text{    width: auto;
    height: auto;
    padding: 15px 0 12px 24px;
    background: url(../images/icon-online-kurs.svg) 0 14px no-repeat;
    background-size: 20px;
    font-size: 14px;}

.we.we_blockControls + a + .collapse {    display: block;}
.we.we_blockControls + a {}
.form-control input, .form-control textarea, .form-control select {}


.bild_links{    float: left;    width: auto;    padding: 0 50px 30px 0;    max-width: 260px;   }
.bild_rechts{    float: right;    width: auto;    padding: 0 0 30px 50px;    max-width: 260px;}
#page-359 .bild_links, #page-359 .bild_rechts {    max-width: 355px;}
#page-510 .bild_links, #page-510 .bild_rechts {  }

.white-popup {    position: relative;    background: #FFF;    padding: 20px 40px;    width: 33.333%;    margin: 20px auto;}
.personal-popup {     width: 33.333%;}

.corona {  position: absolute;    top: 0;    background: url(../images/icon_virus_white.svg) 20px 50% no-repeat #82374b;    padding: 15px 20px 15px 60px;    right: 0;    color: #fff;    font-family: 'robotomedium';    background-size: 35px;    text-transform: uppercase;    z-index: 10000;       -webkit-transition: 300ms;    transition: 300ms;}
.corona:hover {opacity:0.9}
.corona a{    color: #fff;}
.btn-sos {  position: absolute;    top: 0;    background: url(../images/icon_ekg2.svg) 20px 50% no-repeat #82374b;    padding: 15px 20px 15px 60px;    right: 0;    color: #fff!important;    font-family: 'robotomedium';    background-size: 35px;    text-transform: uppercase;    z-index: 10000;       -webkit-transition: 300ms;    transition: 300ms;}
.btn-sos:hover {opacity:0.9}
.btn-sos a{    color: #fff;}

.infomeldung {  position: absolute;    top: 0;    background: url(../images/icon_info_white.svg) 20px 50% no-repeat #82374b;  
	padding: 15px 20px 15px 60px;   left: calc(100% - 1522px) ;   max-width: 1077px; color: #fff;    font-family: 'robotomedium';    background-size: 35px;     z-index: 10000;       -webkit-transition: 300ms;    transition: 300ms;}
.infomeldung:hover {opacity:0.9}
.infomeldung a{    color: #fff;}
.infomeldung p{    margin: 0;}
   .infomeldung a:hover {
    color: #5fade4;
}


.badgegreen {
    position: absolute;
    top: 88px;
    right: -60px;
    color: #fff;
    font-family: 'robotomedium';
    background-size: 40px;
    text-transform: uppercase;
    z-index: 10000;
    -webkit-transition: 300ms;
    transition: 300ms;
    width: 130px;
}
.badgegreen:hover {
    transform: scale(1.1);
}
.badgegreen img {
    -webkit-filter: drop-shadow( 0px 0px 20px rgba(0, 0, 0, .15));
    filter: drop-shadow( 0px 0px 20px rgba(0, 0, 0, .15));
}

.badgeclimate {    position: absolute;    top: 230px;    right: -60px;    color: #fff;    font-family: 'robotomedium';    background-size: 40px;    text-transform: uppercase;    z-index: 10000;    -webkit-transition: 300ms;    transition: 300ms;    width: 120px;}
.badgeclimate:hover {    transform: scale(1.1);}
.badgeclimate img {    -webkit-filter: drop-shadow( 0px 0px 20px rgba(0, 0, 0, .15));    filter: drop-shadow( 0px 0px 20px rgba(0, 0, 0, .15));}

.badgejob {    position: absolute;    top: 88px;    right: -60px;    color: #fff;    font-family: 'robotomedium';    background-size: 40px;    text-transform: uppercase;    z-index: 10000;    -webkit-transition: 300ms;    transition: 300ms;    width: 120px;}
.badgejob:hover {    transform: scale(1.1);}
.badgejob img {    -webkit-filter: drop-shadow( 0px 0px 20px rgba(0, 0, 0, .15));    filter: drop-shadow( 0px 0px 20px rgba(0, 0, 0, .15));}
.badgejob2 {       margin: 0 auto;color: #fff;    font-family: 'robotomedium';    background-size: 40px;    text-transform: uppercase;    z-index: 10000;    -webkit-transition: 300ms;    transition: 300ms;    width: 120px;}
.badgejob2:hover {    transform: scale(1.1);}
.badgejob2 img {    -webkit-filter: drop-shadow( 0px 0px 20px rgba(0, 0, 0, .15));    filter: drop-shadow( 0px 0px 20px rgba(0, 0, 0, .15));}

.nugget {
       box-shadow: 0 0 30px rgba(0,0,0,0.05);
    margin: 30px 0 0 0;
    transform: scale(1.0);
    transition: all 400ms;
}
.nugget:hover {
    transform: scale(1.1);
    transition: all 400ms;
}



@media (max-width: 1400px){ .infomeldung {    left: 30px;}}
@media (max-width: 1400px){ .infomeldung {    left: 30px;max-width:66%;}}	
	

#footer img {
    width: auto;
}


.row.history-box {
  
  
}
.history-box .col-sm-10 {
       border-left: 2px solid #e5e5e5;
}
.history-box .col-sm-2:after {
    content: '';
    position: absolute;
    right: -10px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    top: 29px;
    background: #82374b;
    z-index: 11;
}
.history_year {position: relative;
    font-size: 22px;
    margin: 0 0 2rem 0;
    line-height: 0.9;
    font-family: 'robotomedium';
    color: #82374b;
    padding:  10px 0;    text-align: right;    margin: 18px 0px;
 
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.history_desc {position: relative;

    background: #f1f1f1;
    padding: 10px 20px;    margin: 15px 30px;
}
.history_desc p {
    margin: 0;
}
.history_desc:before {
    content: '';
    position: absolute;
    top: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    left: -15px;
    border-width: 16px 16px 16px 0;
    border-color: transparent #f1f1f1 transparent transparent;
}
.history_desc:after {
    content: '';
    position: absolute;
    top: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    left: -15px;
    border-width: 16px 16px 16px 0;
    border-color: transparent #f1f1f1 transparent transparent;
}

.menurd {
    display: none;
}


/*************Form Urologie*****/
.uroform {
    position: relative;
}
.uroform .form-control::-webkit-input-placeholder {  color:#aaaaaa;}
.uroform .form-control:-ms-input-placeholder { color:#aaaaaa; }
.uroform .form-control::placeholder {color:#aaaaaa;}
.uroform select.empty {
    color: #aaaaaa;
}
.uroform select option {
    color: #000;
}
label.label-medis {
  font-family: 'robotoregular';
    padding: 10px 0;
    font-size: 16px;
}


.uroform input[type="checkbox"]{display:none;    width: 25px;
    height: 25px;}
.uroform .medrow label{   font-family: 'robotoregular';    padding: 0 0 0 35px;}
.uroform  input[type="checkbox"] + span {  display: inline-block;   
	width: 25px;  
	height: 25px;   
	margin:2px 10px 0 -38px; 
	vertical-align: middle;    cursor: pointer;  
	border: 1px solid #eaeaea;     line-height: 1.3!important;  
	position: absolute;}
.uroform .form-check input[type="checkbox"]:checked + span:before {	content: "";  
	    background: url(../images/icon_close.svg) 0 0px no-repeat;

	background-size: 20px!important;    width: 25px;    height: 25px;    position: absolute;    left: 1px;    top: 3px;}
.medrow {
    padding: 5px 15px;
}

.uroform .dsgvorow label{   font-family: 'robotoregular';    padding: 0 0 0 35px;}
.uroform .dsgvorow input[type="checkbox"]:checked + span:before {	content: "";  
	    background: url(../images/icon_done.svg) 0 0px no-repeat;

	background-size: 20px!important;    width: 25px;    height: 25px;    position: absolute;    left: 1px;    top: 3px;}
span.requiredspan {
    font-size: 13px;
    display: block;
    margin: -25px 0 35px 5px;

}


 .honeypot {       display: none;         }

.pressbox {    border-bottom: 1px solid #e5e5e5;    padding: 30px 0;}
.pressdate {    color: #a3a4a5;    font-size: 14px;    font-family: 'robotobold';}
.pressbox  h4 {    margin: 5px 0 ;line-height: 1.1;}
.pressintro {    line-height: 1.4;}
.presseimg {    width: 300px;    height: 200px;overflow:hidden;     float: right;    margin: 5px 0 20px 30px;}
.presseimgintro {    width: 210px;    height: 140px;    overflow: hidden;    float: right;    margin: 5px 0 20px 30px;}
.pressbox .btn {    margin: 10px 0 0 0;}

#presse {    padding:0 0 100px 0;  }
#presse .pressbox {    border-bottom:none;    padding: 30px 30px;    background: #fff;}
#presse .presseimgintro {
width: 100%;
    overflow: hidden;
    float: none;
   
    margin: 0;
    height: auto;
}
#presse .row {    justify-content: center;  }
#presse .pressintro {
    height: 70px;
}
#presse h2 {
   padding: 100px 30px 0 30px;
    border-top: 1px solid #e5e5e5;
}
a.presse-all {
   
    float: right;
    padding-right: 30px;
}

/********************RD*******************************/

@media (max-width: 1600px ){
#leistungen {   padding-top:140px;}
	.badgegreen {    right: -25px;}
	.badgeclimate {    right: -25px;}
	.badgejob {    right: -25px;}
}



@media (max-width: 1440px ){
header, .cd-main-header {    padding: 0 30px;}
.navbar-back {    width: calc(100% - 30px);}
#container2 {   width: calc(100% - 30px);       }
#features2 {    background-size: cover;}
.container-pages{ width: calc(100% - 30px);   }
.top-r {      margin-right: 0;}
div#main {    padding-right: 30px;}
.cd-primary-nav > li {    padding: 0 20px;}
#leistungen .img-circle {    max-width: 180px;}
	#leistungen {    padding-top: 215px;}
	
	
	
	

}



@media (max-width: 1366px ){
.cd-primary-nav > li {    padding: 0 15px;}
}



@media (max-width: 1280px ){
	
	.navbar-back {    margin-top: 20px;}
header, .cd-main-header {    height: 90px;}
.top-r li {    line-height: 90px;}
.top-r {    float: left;}
.cd-header-buttons {    top: 32px;    right: 0;}
	.navbar-brand {    max-width: 245px;}
	
#container2 {        max-height: 500px;}
#container2:after {    width: 600px;    background-size: 100%;    left: 0;}	
.caption-container {    width: 48%;}
	
	div#sidebar {    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;    width: 100%;
}
	
	#sidebar .mod-box {
   
}

	#main{width:100%;    padding: 30px;}
	#page-49 #main{ padding: 0;}
.menurd {
    display: block;    
    z-index: 200;
}
	#sidebar .mod-box {
    padding: 0 15px;
    position: relative;
}
	.sidebar-logos img {
    max-width: 300px;
}
	
}

 


@media (max-width: 1024px){

/*.cd-overlay.is-visible {    -webkit-transform: none;    -moz-transform:none;    -ms-transform: none;    -o-transform:none;    transform: none;}
.cd-primary-nav, .cd-primary-nav ul {       background: rgba(95,173,228,1);    padding: 20px;}
.cd-primary-nav > li, .cd-primary-nav > li {    border-bottom: none;      float: none;    display: block;}
.cd-primary-nav > li > a, .cd-primary-nav > li > span {    color: #fff;border-bottom: none;    font-size: 16px;    font-family: 'robotoregular';   padding: 15px 0;    height: auto;    line-height: 1.2;}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {    background: #fff;}
a.menu-link.active {    color: #873847;}
.cd-primary-nav > li:hover, .cd-primary-nav > li.active {    border-bottom: none;}
ul.cd-secondary-nav.is-hiddencd-secondary-nav {  width: 100%;       padding: 20px;    box-shadow: none;    background: #5fade4;      margin-left: -35px;}
.cd-primary-nav a, .cd-primary-nav ul a {    color: #fff;    border-bottom: none;    font-size: 16px;    font-family: 'robotoregular';      padding: 15px 0;    height: auto;    line-height: 1.2;white-space: normal;}
.go-back::before, .go-back::after {    content: '';    position: absolute;    top: 50%;    margin-top: -1px;    display: inline-block;    height: 2px;    width: 10px;    background:     #82374b;    -webkit-backface-visibility: hidden;    backface-visibility: hidden;}
.go-back::before {    -webkit-transform: rotate(145deg);    -moz-transform: rotate(145deg);    -ms-transform: rotate(145deg);    -o-transform: rotate(145deg);    transform: rotate(145deg);   left:-10px;    -webkit-transform-origin: 9px 50%;    -moz-transform-origin: 9px 50%;    -ms-transform-origin: 9px 50%;    -o-transform-origin: 9px 50%;    transform-origin: 9px 50%;}
.go-back::after {    -webkit-transform: rotate(-145deg);    -moz-transform: rotate(-145deg);    -ms-transform: rotate(-145deg);    -o-transform: rotate(-145deg);    transform: rotate(-145deg);   left:-10px;    -webkit-transform-origin: 9px 50%;    -moz-transform-origin: 9px 50%;    -ms-transform-origin: 9px 50%;    -o-transform-origin: 9px 50%;    transform-origin: 9px 50%;}
li.go-back {    position: relative;    padding-left: 20px;    color: #82374b;}
.cd-primary-nav, .cd-primary-nav ul {  width: 260px;}
input#Suchbegriff {    background: url(/assets/images/ico-search.png) right 10px center no-repeat #fff;    float: left;    margin-top: 19px;    width: 100%;}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {    background: #884154;}
#startseite {    background: none;}
*/
ul.nav_entries {    padding-left: 25px;}
	

#container2 {
   
    max-height: 220px;
    border-bottom-right-radius: 100px;
}
#container2.home-container {     max-height: 380px;}
#container2:after {    width: 460px;height:460px;}
.caption-container {
    width: 58%;
    font-size: 16px;margin-top: 68px;
}	
	
	#leistungen {
    padding-top:70px;
}
#leistungen h2 {
    

    margin: -45px auto 0 auto;

}
	#leistungen .col-sm-2 {
    width: 25%;    -ms-flex: 0 0  25%;    flex: 0 0  25%;    max-width:  25%;}
.container-pages h2 {    padding: 25px 30px 35px 30px;    border-bottom-right-radius: 40px;	}
	
	div#content {    padding: 30px;}
	
.badgegreen {   width:110px;     top: 20px;}
	.badgeclimate {    width:100px;     top: 135px;}
	.badgejob {    width:100px;     top: 20px;}
	
}



@media (max-width: 768px){ 
header .col-sm-3 {    max-width: 235px;}
header	.col-xs-3 {    width: 33.3333%;}
header	.col-xs-9 {    width: 66.666%;}
.top-r li {    display:none;}
	.top-r li:first-child { }
	
	
li.hidden-item {    clear: both;}
.cd-primary-nav > li:hover, .cd-primary-nav > li.active {    border-bottom: 4px solid #873847;    height: auto;}

header, .cd-main-header {    padding: 0 20px;}
	.navbar-back {    width: calc(100% - 20px);}
div#content {    padding: 25px;}
div#sidebar-b {    padding: 25px 15px;}
#sidebar .mod-box {     width: 100%;}
div#sidebar img {    width: auto;}
#leistungen h3 {    font-size: 18px;}
#container2 {    width: calc(100% - 20px);    max-height: 170px;    border-bottom-right-radius: 90px;}
.caption-container {    padding: 0 20px;}
.contact-box {    margin: -25px -15px 30px -15px;    padding: 20px;}
	#features  {  overflow:hidden;}
#features img {    height: 400px;max-width: none;    width: auto;}
#container2.home-container {    max-height: 360px;      border-bottom-right-radius: 75px;}
#container2 h1 {    font-size: 38px;}
#container2:after {    width: 350px;    height: 350px;}
	#video h2 {    font-size: 28px;}
#footer	.col-sm-4 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
li.hidden-item {    display: block;    padding: 10px 25px;}
	li.hidden-item a{    width: 100%;       padding: 0 0 0 35px!important;    color: #fff;    text-transform: uppercase;}
	li.hidden-item a.tel {      background: url(../images/ico_phone_wh.svg) 0 0px no-repeat; background-size: 24px;   }
	li.hidden-item a.email {      background: url(../images/ico_mail_wh.svg) 0 0px no-repeat;  background-size: 24px; }
		li.hidden-item a.contact {      background: url(../images/ico_contact_wh.svg) 0 0px no-repeat;   background-size: 24px; }
		li.hidden-item a.info {      background: url(../images/ico_info_wh.svg) 0 0px no-repeat; background-size: 24px;   }
.hidden-block {    position: absolute;    bottom: 30px;}
#leistungen .col-sm-2 {    width: 33.3333%;    -ms-flex: 0 0 33.3333%;    flex: 0 0 33.3333%;    max-width: 33.3333%;}
#leistungen h2 {    font-size: 35px;}
#video .box {   width:100%; -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}
#video .container {
      flex: 1;
    flex-wrap: wrap;
}
#video .box:nth-child(1) {order:2;}
	.personal_box2 {    width: 33.3333%;    -ms-flex: 0 0 33.3333%;    flex: 0 0 33.3333%;    max-width: 33.3333%;}
.caption-container {
    width: 90%;
    font-size: 16px;
    margin-top: 68px;
}
		.infomeldung {
    left: 15px;
    max-width: 66%;
    background: #82374b;
    padding: 8px;
    font-size: 10px;
}
	
li.hidden-item a.btn{        border: 1px solid #fff;        background: #fff;
        padding: 10px 25px !important;}	
	li.hidden-item a.sos {            background: url(../images/icon_sos.svg) 45px 11px no-repeat #fff;
        background-size: 18px;
        padding: 0 0 0 25px;
        font-family: 'robotomedium';
        color: #82374b;
        display: block;}
	
}



@media (max-width: 736px){

.top-r li:first-child {    display:none;}
}


@media (max-width: 667px){}

 
@media (max-width: 600px){}


@media (max-width: 568px){}

 



@media (max-width: 430px){
header, .cd-main-header {    padding: 0 15px;}
header	.col-xs-3 {    width: 66.666%; ;    max-width: none;}
header	.col-xs-9 {    width: 33.3333%}
.cd-header-buttons {    right: -10px;}
div#sidebar {    padding: 0 15px;}
.navbar-back {    width: calc(100% - 15px);}
.container-pages {    width: calc(100% - 15px);}
.caption-container {  padding: 0 15px;  }

div#main-content {    padding: 30px 0;}
div#main {    padding:  15px;}
div#content {      float: none;  padding: 15px;    width: 100%;    border-right: none;    border-bottom: 1px solid #e5e5e5;}
div#sidebar-b {    width: 100%;    float: none;}
#main-content h1 {    font-size: 28px;}
#footer {    padding: 30px 0;}
#container2 h1 {    font-size: 35px;}
#container2 {    width: calc(100% - 15px);}
#container2:after {
    width: 180px;
    height: 180px;
}
#leistungen .col-sm-2 {    width: 50%;}	
	


	.caption-container {    width: 75%;}
	#container2 h1 {
    font-size: 45px;    text-shadow: 0 0 black;    text-shadow: 0 0 black;       max-width: 75%;
    line-height: 1.1;

	}
	.carousel-caption-txt {
 
    display: none;
}
	#container2.home-container {
      border-bottom-right-radius: 75px;
        max-height: 360px;
}
	.caption-container {
    width: 100%;     
}
	.corona {
       background: url(../images/icon_virus_white.svg) 10px 50% no-repeat #82374b;    background-size: 36px;
    padding: 0 8px 0 0 ;}
		#leistungen h2 {
    font-size: 28px;   
}
	.corona a {
 
    width: 44px;
    height: 44px;
    display: inline-block;
}
	#leistungen .col-sm-2 {
    width: 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}	
	.teaser-box, .news-box {
  
    padding: 0;
    margin: 0;
}
	#leistungen {
    padding-top: 80px;
}	
#leistungen h2 {
    margin: -60px auto 0 auto;
}		
		
	
	.container-pages h2 {
    padding: 15px;
    border-bottom-right-radius: 27px;
    font-size: 30px;
    min-width: 60px;    display: block;
}
		.personal_box2 {    width: 50%;    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;}
	

	.caption-container {    margin-top: 0;}
	.badgegreen {    width: 100px;    top: 20px;    right: -15px;}
	.badgeclimate {    width: 90px;    top: 125px;    right: -15px;}
		.badgejob {    width:90px;     top: 20px; right: -15px;}
	
		
}

 



@media (max-width: 384px){}


@media (max-width: 375px){}


@media (max-width: 320px){}

 


/* HERO direkt, ohne CSS-Variable */
#features{
  height: clamp(360px, 32vw, 440px) !important;
  margin-bottom: 6px; /* kleines Polster */
}
#container2{
  height: clamp(360px, 32vw, 440px);
  background-size: cover;
  background-position: center 28%;
}

/* Pressbar nie hochziehen – Standard */
.pressbar--compact{ margin-top: 0 !important; }

/* Nur auf wirklich breiten Viewports leicht „ans Banner“ ziehen */
@media (min-width: 1200px){
  .pressbar--compact{ margin-top: -12px; }
}


/* ===== Abteilungen: Section + Container ===== */
#abteilungen{ padding:50px 0 90px; }
#abteilungen > .container{
  max-width: 1522px;      /* wie global .container */
  margin: 0 auto;
  padding: 0 30px;
}
@media (max-width:1024px){ #abteilungen > .container{ padding:0 20px; } }
@media (max-width: 768px){ #abteilungen > .container{ padding:0 15px; } }

/* ===== Abteilungen: Grid (nur EIN Block lassen) ===== */
.dept-grid{
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;                 /* mobil */
}
@media (min-width: 768px){
  .dept-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1200px){
  .dept-grid{ grid-template-columns: repeat(3, 1fr); }
}

/* ===== Cards ===== */
.dept-card{
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:12px;
  box-shadow:0 0 20px rgba(0,0,0,.05);
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
#abteilungen .dept-card h3{
  margin:0 0 12px;
  padding:0;
  border:0;
  color:#82374b;
  font-family:'robotomedium';
  font-size:22px;
  line-height:1.15;
}
/* Abteilungen: Karten mit sehr leichtem Rand + weichem Schatten */
.dept-card{
  border: 1px solid rgba(0,0,0,.04);         /* kaum sichtbar */
  box-shadow: 0 2px 6px rgba(0,0,0,.04),
              0 10px 24px rgba(0,0,0,.06);   /* soft & breit */
  background: #fff;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}

/* leichtes „Anheben“ bei Hover/Focus */
.dept-card:hover,
.dept-card:focus-within{
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,.07),
              0 18px 48px rgba(0,0,0,.08);
}


/* Bildrahmen mit festem Seitenverhältnis 3:2 – ohne aspect-ratio */
.dept-media{
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  margin: 0 0 12px;
}

/* erzeugt die Höhe (3/2 = 66.6667%) */
.dept-media::before{
  content: "";
  display: block;
  padding-top: 66.6667%; /* 3:2 */
}

/* Bild füllt den Rahmen sauber aus */
.dept-media img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dept-teaser p{ margin:0 0 8px; }
details.dept-more{ margin-top:2px; }
details.dept-more summary{
  list-style:none; cursor:pointer; font-weight:600; color:#82374b;
  display:inline-flex; align-items:center; gap:.5rem;
}
details.dept-more summary::-webkit-details-marker{ display:none; }
details.dept-more summary::before{
  content:"+"; display:inline-grid; place-items:center;
  width:1.35em; height:1.35em; border:1px solid #82374b; border-radius:50%;
  font-weight:700; line-height:1;
}
details.dept-more[open] summary{ margin-bottom:6px; }
details.dept-more[open] summary::before{ content:"–"; }

.dept-link{ margin-top:auto; }
.dept-link .btn{ margin-top:6px; }

/* ===== Abteilungen: Section + Container (fest einzäunen) ===== */
#abteilungen{ padding:50px 0 90px; }
/* === Abteilungen: über dem Hero halten + weißer Hintergrund === */
#abteilungen{
  position: relative;      /* eigener Stacking-Context */
  z-index: 5;              /* sicher über dem Hero */
  background: #fff;        /* schneidet den Hero-Overlay ab */
}

/* falls nötig: Container ebenfalls anheben */
#abteilungen > .container{ position: relative; z-index: 6; }

/* Hero bewusst darunter halten */
#container2{ position:absolute; z-index: 1; }
#container2::after{ z-index: 0; }   /* Overlay liegt unterhalb der Folge-Sektionen */

/* Pressbar bleibt darüber */
#pressbar{ position:relative; z-index:50; isolation:isolate; }

/* harte Kante: Container wirklich zentrieren + Innenabstände erzwingen */
body #abteilungen > .container{
  max-width: 1522px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  box-sizing: border-box;
}

/* kleinere Screens */
@media (max-width:1024px){
  body #abteilungen > .container{ padding-left:20px !important; padding-right:20px !important; }
}
@media (max-width:768px){
  body #abteilungen > .container{ padding-left:15px !important; padding-right:15px !important; }
}



/* KS-HEADER-OVERRIDE-START */
header.cd-main-header{ position:sticky !important; top:0 !important; z-index:1030 !important; height:108px !important; background:#fff !important; box-shadow:0 1px 0 #e7e2df, 0 6px 16px rgba(0,0,0,.06) !important; padding:0 32px !important; transition:height .22s ease, box-shadow .22s ease; }
header.cd-main-header .navbar-wrapper{ height:100% !important; }
header.cd-main-header .navbar-back{ display:none !important; }
header.cd-main-header .container.zind{ display:flex !important; align-items:center !important; height:100% !important; }
header.cd-main-header .navbar-menu{ flex:1 1 auto !important; }
header.cd-main-header .navbar-brand{ display:inline-flex !important; align-items:center !important; }
header.cd-main-header .navbar-brand img{ height:60px !important; width:auto !important; max-width:240px !important; max-height:none !important; transition:height .22s ease; }
/* kompakt beim Scrollen: Notfall-Zeile aus, Logo + Header kleiner */
header.cd-main-header.is-compact{ height:64px !important; background:rgba(255,255,255,.70) !important; -webkit-backdrop-filter:saturate(180%) blur(14px) !important; backdrop-filter:saturate(180%) blur(14px) !important; box-shadow:0 6px 24px rgba(0,0,0,.10) !important; border-bottom:1px solid rgba(231,226,223,.6) !important; }
header.cd-main-header.is-compact .top-r{ display:none !important; }
header.cd-main-header.is-compact .navbar-brand img{ height:42px !important; }
@media (max-width: 1170px){
  header.cd-main-header{ height:auto !important; padding:0 15px !important; }
  header.cd-main-header .navbar-wrapper, header.cd-main-header .container.zind{ height:auto !important; display:block !important; }
  header.cd-main-header.is-compact{ height:auto !important; }
  header.cd-main-header.is-compact .top-r{ display:block !important; }
  header.cd-main-header .navbar-brand img{ height:46px !important; }
}
/* KS-HEADER-OVERRIDE-END */

/* KS-TREATMENT-CTA-START — "Treatment in Germany" Ghost-Pille (UKHD #004a6f); Hover: Fuellung + Roll-Swap zu "Heidelberg University Hospital" */
.top-r li a.treatment {
  position: relative;
  color: #004a6f !important;
  padding: 7px 18px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
  vertical-align: middle;
  border: 1.5px solid #004a6f;
  border-radius: 999px;
  background: transparent;
  overflow: hidden;                         /* fuer den vertikalen Roll */
  width: var(--wd, auto);                   /* JS: schmale Default-Breite; Fallback = natuerliche (lange) Breite */
  font-family: 'robotomedium';
  font-size: 13px !important;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-transition: width 320ms cubic-bezier(.4,0,.2,1), background-color 260ms ease, border-color 260ms ease, color 260ms ease, box-shadow 260ms ease, transform 120ms ease;
  transition: width 320ms cubic-bezier(.4,0,.2,1), background-color 260ms ease, border-color 260ms ease, color 260ms ease, box-shadow 260ms ease, transform 120ms ease;
}
/* Hover-Label "Heidelberg University Hospital" liegt IM Fluss -> bestimmt die natuerliche (lange) Breite (clipping-frei, auch ohne JS) */
.top-r li a.treatment .tg-b {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(125%);
  color: #ffffff !important;
  -webkit-transition: opacity 280ms ease, transform 300ms cubic-bezier(.4,0,.2,1);
  transition: opacity 280ms ease, transform 300ms cubic-bezier(.4,0,.2,1);
  will-change: opacity, transform;
}
.top-r li a.treatment .tg-a::after {       /* Pfeil bleibt am Default-Label "Treatment in Germany" */
  content: "\2192";
  margin-left: 8px;
  font-size: 14px;
  line-height: 1;
}
/* Default-Label "Treatment in Germany" als absolutes, mittiges Overlay (zaehlt nicht zur natuerlichen Breite) */
.top-r li a.treatment .tg-a {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  opacity: 1;
  transform: translateY(0);
  -webkit-transition: opacity 280ms ease, transform 300ms cubic-bezier(.4,0,.2,1);
  transition: opacity 280ms ease, transform 300ms cubic-bezier(.4,0,.2,1);
  will-change: opacity, transform;
}
/* Hover / Fokus: Pille fuellt sich im Rahmen-Blau, Labels rollen um */
.top-r li a.treatment:hover,
.top-r li a.treatment:focus-visible,
.top-r li a.treatment:focus {
  width: var(--wh, var(--wd, auto));        /* waechst auf den vollen UKHD-Namen */
  background: #004a6f;
  border-color: #004a6f;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0, 74, 111, 0.30);
}
.top-r li a.treatment:hover .tg-a,
.top-r li a.treatment:focus-visible .tg-a,
.top-r li a.treatment:focus .tg-a { opacity: 0; transform: translateY(-125%); }
.top-r li a.treatment:hover .tg-b,
.top-r li a.treatment:focus-visible .tg-b,
.top-r li a.treatment:focus .tg-b { opacity: 1; transform: translateY(0); color: #ffffff !important; }
.top-r li a.treatment:focus-visible {
  outline: 2px solid #004a6f;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(0, 74, 111, 0.18);
}
.top-r li a.treatment:active { transform: translateY(1px); }
@media (prefers-reduced-motion: reduce) {  /* Barrierefreiheit: nur Crossfade, kein Roll */
  .top-r li a.treatment .tg-a,
  .top-r li a.treatment .tg-b {
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    transform: none !important;
  }
}
/* MOBILE (<=1170px): Hamburger-Eintrag liegt in #cd-primary-nav (NICHT .top-r); nur Default-Label als Menuezeile */
@media (max-width: 1170px) {
  li.hidden-item a.treatment {
    display: block !important;
    border: 0 !important;
    border-left: 3px solid #004a6f !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    padding: 0 0 0 32px !important;
    margin-left: 0;
    line-height: 1.4 !important;
    font-size: 14px !important;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    overflow: visible !important;
    box-shadow: none !important;
    transform: none !important;
  }
  li.hidden-item a.treatment .tg-b { display: none !important; }
  li.hidden-item a.treatment .tg-a {
    display: inline !important;
    opacity: 1 !important;
    transform: none !important;
    color: #ffffff !important;
  }
  li.hidden-item a.treatment .tg-a::after {
    content: "\2192";
    margin-left: 8px;
    font-size: 13px;
  }
  li.hidden-item a.treatment:hover,
  li.hidden-item a.treatment:focus,
  li.hidden-item a.treatment:focus-visible,
  li.hidden-item a.treatment:active {
    background: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
    border-left-color: #ffffff !important;
    outline: none;
  }
  li.hidden-item a.treatment:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: -2px;
  }
}
/* KS-TREATMENT-CTA-END */