@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(/assets/images/icon_prev.svg) 0 50% no-repeat;     background-size: 50px;}
 .carousel-control.right{       background: url(/assets/images/icon_next.svg) 0 50% no-repeat;    background-size: 50px; }
.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: 'Poppins'; color: #5babe3;    }
#main-content h1 {      font-size: 40px;    margin: 0 0 2rem 0;    line-height: 0.9;    font-family: 'Poppins';}
 #container2 h1 , #container2 h2{      font-size: 42px;    margin: 0 0 15px 0;   line-height: 1.1;
    text-shadow: 4px 0px 22px rgb(255 255 255); display: grid;}
#container2 h1 span , #container2 h2 span{
    font-size: 66px;
    margin: 0 0 0 0;display: grid;padding-top:0;
    line-height: 1.1;
    text-shadow: 4px 0px 22px rgb(255 255 255);
    font-weight: 700;
}
#container2 .btn{margin 15px 0;}
h2 {      font-size: 40px;    margin: 0 0 2rem 0;    line-height: 0.9;    }
h3 {    margin: 15px 0;font-size:23px;       margin: 15px 0 15px 0;    clear: both;line-height: 1.2;}
h4 {    font-size: 27px;    margin: 2rem 0 0.5rem 0;    line-height: 0.9;      color: #5babe3;}
h4 {       font-size: 20px;    margin: 2rem 0 0.5rem 0;    line-height: 0.9;       color: #000;}
h5 {    margin: 0 0 10px 0;       color: #000;    font-size: 18px;    line-height: 1.2;}
h6 {  margin: 0;}
b, strong{font-family: 'robotomedium';color:#000;}

.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;margin-bottom:30px;}
.btn, .btn-primary {      background: #5babe3;    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: #5babe3;    border: 1px solid #5babe3; }
.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: #5babe3;    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: #5babe3;-webkit-transition: 300ms;    transition: 300ms;}
a:hover, a:focus {        color: #3b4c70;   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, .videoWrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
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;float:left;}
input#captchaname {    width: 250px;    float: left;margin:10px;}
.form-group.captcha-form img {
    width: 180px;
    float: left;
}
#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 #5babe3;       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 #5babe3;       border-bottom-right-radius: 155px;    padding: 0;    object-fit: cover;}
#container2:after {    content: '';    background: url(../images/kronenkreuz.png) 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: 600px;    position: absolute;    top:0;    left: 0;    width: calc(1522px + calc((100% - 1522px) / 2 ));    max-width: none;    border-right: 2px solid #5babe3;  border-bottom: 2px solid #5babe3;       border-bottom-right-radius: 155px;    padding: 0;    object-fit: cover;}
#container2:after {    content: '';    background: url(../images/kronenkreuz.png) 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: 40%;}
.carousel-caption-txt {
    max-width: 80%;
}
.badgeinfo {
    position: absolute;
    top: 0;
  
    padding: 0;
    right: 0;
    color: #fff;
    font-family: 'robotomedium';
   
    text-transform: uppercase;
    z-index: 10000;
    -webkit-transition: 300ms;
    transition: 300ms;max-width: 224px;background: #5babe3;
}
.badgeinfo a span {
 display: block;
    padding: 0 12px 5px 12px;
    background: url(/assets/images/icon_more_than.svg) no-repeat 95% 1px #5babe3;
    color: #fff;
    line-height: 1.2;
    background-size: 32px;
}
.badgeinfo:hover {
    transform: scale(1.1);
}
/*.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 #5babe3;       border-bottom-right-radius: 155px;    padding: 0;}*/
.container-pages {     height: 300px!important;   }
.container-pages:after { display:none;   }

.home-container {      }
.chirugie-container {   background: url(../images/header-bg-chirurgie.jpg) 0 0 no-repeat;    }
.urologie-container {   background: url(../images/bg-urologie.jpg) 0 0 no-repeat;    }
.innere-container {   background: url(../images/headers-bg-innere2.jpg) 0 0 no-repeat;    }
#allgemein-features {  background: url(../images/header-bg-chirurgie.jpg) 50% 0 no-repeat;  background-size: cover; }
#allgemein-container {   background: url(../images/header-bg-chirurgie.jpg) 0 0 no-repeat;    }
#klinik-features {  background: url(../images/header-bg-chirurgie.jpg) 50% 0 no-repeat;  background-size: cover; }
#klinik-container {   background: url(../images/header-bg-chirurgie.jpg) 0 0 no-repeat;    }
.container-pages h2{        font-size: 36px;    color: #fff;    background: url(/assets/images/ico-kreuz-small.png) right 10px top 10px no-repeat rgba(91, 171, 227,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: 70%;    float: left;padding:50px ;border-right: 1px solid #e5e5e5;}
div#contents {    width: 100%;    float: left;padding:50px ;}
div#sidebar-b {       width:30%;    float: right;padding:50px 30px;    line-height: 1.4;}
#sidebar-b h3 {       margin: 0 0 25px 0;    font-size: 23px;        line-height: 1.2;}
#sidebar h3 {       margin: 0 0 25px 0;    font-size: 23px;     color: #fff;    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(/assets/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(/assets/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(/assets/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(/assets/images/icon_location.svg) 0 0px no-repeat;
    padding: 0 0 0 20px;
    background-size: 16px;
}
.mail_link {    font-size: 14px;    margin: 8px 0;    line-height: 1.2;	background: url(/assets/images/icon_email.svg) 0 0px no-repeat;   padding: 0 0 0 25px;
    background-size: 21px;}
.web_link {    font-size: 14px;    margin: 8px 0;    line-height: 1.2;	background: url(/assets/images/icon_globe.svg) 0 0px no-repeat;   padding: 0 0 0 25px;
    background-size: 21px;}
.tel_link {    font-size: 14px;    margin: 8px 0;    line-height: 1.2;	background: url(/assets/images/icon_phone.svg) 0 0px no-repeat;   padding: 0 0 0 25px;
    background-size: 21px;}
.personal_box3 p.personal_name{   color:#000;    font-family: 'robotomedium';}
a.readmore {    margin: 10px 0;    display: block;}
#leistungen h2 {    font-size: 48px;    margin: 0 0 2rem 0;    line-height: 0.9;    position: absolute;
    margin: -95px auto 0 auto;
    left: 0;
    right: 0;}
#leistungen {    text-align: center;    padding: 50px 0;    background: #eff7fb;}
#leistungen .container{   }
#leistungen h3 {   color: #5babe3;    line-height: 1.2;    margin: 10px 0;    min-height: 60px;}
#leistungen .img-circle {    max-width: 220px;}
#leistungen .img-circle {
 
}
#leistungen .img-circle {

 
}
.leistungen-row{ display: flex;    justify-content: center;flex-wrap: wrap;}

span.img-circle1 {
    border-radius: 100%;
    display: block;

    height: 105px;
    width: 105px;
    margin: auto auto;
}
span.img-circle1.c1 {
     background: #82374b;
   }
span.img-circle1.c2 {
    background: #3b4c70;
}
span.img-circle1.c3 {
    background: #ec7405;
}
span.img-circle1.c4 {
    background: #01458e;
}
span.img-circle1.c5 {
    background: #027846;
}
span.img-circle1 img {
    width: 50px;
    height: 50px;
    margin: 27px 0 0px 3px;
}


#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: #5babe3 !important;padding: 0 0 0 22px;}
a.tel {    background: url(/assets/images/icon_phone.svg) 0 0px no-repeat;        background-size: 20px;padding: 0 0 0 25px;    width: 18px;    color: #fff;    font-family: 'robotomedium';    }
a.email {    background: url(/assets/images/icon_email.svg) 0 0px no-repeat;       background-size: 20px; padding: 0 0 0 25px;    width: 18px;        color: #fff;    font-family: 'robotomedium';}
a.contact {  background: url(/assets/images/icon_edit_file.svg) 0 0 no-repeat;      background-size: 20px; padding: 0 0 0 25px;    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.b_tel {    background: url(/assets/images/ico_phone_wh.svg) 0 0px no-repeat;    padding: 0 0 0 25px;    width: 18px;    color: #fff;    font-family: 'robotomedium';    }
a.b_email {    background: url(/assets/images/ico_mail_wh.svg) 0 -2px no-repeat;    padding: 0 0 0 25px;    width: 18px;        color: #fff;    font-family: 'robotomedium';}

.contact-list {    padding: 6px 0; }
.contact-list:last-child {    border: none;}
.adress-block {    background: url(/assets/images/ico_location_wh.svg) -1px 8px no-repeat;    padding: 5px 0 5px 32px!important;    background-size: 25px;    color: #fff;    font-family: 'robotomedium';}
.contact-box {    background: #5babe3;    margin: 0;    padding: 30px;    border-bottom-right-radius: 30%;}
.contact-list a{    padding: 0 0 0 32px;}
.zitat-box {
    background:    #f1f1f1;
    margin: -50px -30px 30px -30px;
      padding: 30px;
    font-size: 17px;
    font-family: 'roboto';
    background-size: 40px;
    font-style: italic;
    color: #5babe3;
}
.zitat-box span{    display: block;
    font-family: 'robotomedium';
    font-size: 12px;
    font-style: normal;
    margin: 6px 0;
   
}
.infoblock {      border-top: 1px solid #5babe3;    border-bottom: 1px solid #5babe3;    padding: 20px 20px 20px 80px;    margin: 25px 0;    color: #5babe3;    font-family: 'robotomedium';    background: url(/assets/images/ico-infoblock.svg) 20px 50% no-repeat;    background-size: 38px;    line-height: 1.2;}
#main ul , .mfp-content ul{    padding: 0 ;}
#main ul ul, .mfp-content ul ul{    padding: 10px 0 ;}
#main li, .mfp-content li {     background: url(/assets/images/ico-arrow-right.svg) 0 4px no-repeat;
    background-size: 14px;
    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 #5babe3;    border-bottom: 1px solid #5babe3;    padding: 20px 20px 20px 80px;    margin: 25px 0;    color: #5babe3;    font-family: 'robotomedium';    background: url(/assets/images/ico-infoblock.svg) 20px 50% no-repeat;    background-size: 38px;    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%;
}
.tablelogos td {    border: none;     text-align: center;}
.tablelogos  tr:first-child td {    font-family: 'robotoregular';}



.accordeon-header {    display: block;    background: url(/assets/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(/assets/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 {      padding: 30px 0;}
.online-kurs-text{    width: auto;
    height: auto;
    padding: 15px 0 12px 24px;
    background: url(/assets/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 #5babe3;    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;}


#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: #5babe3;
    z-index: 11;
}
.history_year {position: relative;
    font-size: 22px;
    margin: 0 0 2rem 0;
    line-height: 0.9;
    font-family: 'robotomedium';
    color: #5babe3;
    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;
}



.job-item {    border-bottom: 1px solid #eaeaea;}
.news-item {    border-bottom: 1px solid #eaeaea;    padding: 20px 0;display: flex;}
.news-date {    color: #8c8a8a;    font-size: 14px;    margin: 0;}
h3.news-title {    margin: 0;    line-height: 1.2;}
p.news-image {    margin: 0;   max-width: 320px;
    max-height: 250px;
    overflow: hidden;}
p.news-intro {      margin: 5px 0 15px 0;}

h1.news-title {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 25px;padding-top: 10px;
}

.aktuelles-details .bild_rechts {    float: right;    width: auto;    margin: 0 0 30px 30px; padding: 0;   max-width: 445px;}
.aktuelles-details .bild_links {    float: left;    width: auto;    margin: 0 30px 30px 0;   padding: 0;  max-width: 445px;}
.cal-item {
   
}
p.news-desc {

}
.cal-item span.entries_show.open {
    background: url(/assets/images/ico-arrow-open.svg) 50% 20px no-repeat;
    background-size: 25px;
    height: 50px;
}
.cal-item span.entries_show.close{background: url(/assets/images/ico-arrow-open.svg) 50% 5px no-repeat;  background-size: 25px;
    height: 50px;}
.cal-item .accordeon-desc {
    padding: 10px 40px 20px 15px;
}
.box p.news-image {
       max-width: 100%;

}
#video .box {    border-right: 1px solid #e5e5e5;}
#video .box:last-child {    border-right: none;}
h2 span {
    font-size: 18px;
    float: right;
    padding-top: 16px;
}

h2 span a {
    background: url(/assets/images/icon_link.svg) 0 50% no-repeat;
    background-size: 17px;
    padding: 0 0 0 16px;
}
#video h4 {   margin: 0 0 20px 0;     color: #5babe3;    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;}
#video h3.news-title {    margin: 0 0 15px 0; }
#video h4 , #video h3, #video h3 a {
   color: #5babe3;
    font-size: 19px;line-height: 1.2;
}
.plakette {
    margin: -25px -30px 0 -30px;
}

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

@media (max-width: 1600px ){
#leistungen {   padding-top:140px;}
	
	
}



@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%;order: 2;
}
	
	#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: #5babe3;}
.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:     #5babe3;    -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: #5babe3;}
.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;
}	
	
	#leistungen {
    padding-top:70px;
}
#leistungen h2 {
    

    margin: -45px auto 0 auto;

}
	#leistungen .col-sm-2 {
    width: 25%;    -ms-flex: 0 0  33.333%;    flex: 0 0  33.333%;    max-width:  33.333%;}
.container-pages h2 {    padding: 25px 30px 35px 30px;    border-bottom-right-radius: 40px;	}
	
	div#content {    padding: 30px;}
	

	
}



@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  {    display:none;}
li.hidden-item {    clear: both;}
.cd-primary-nav > li:hover, .cd-primary-nav > li.active {    border-bottom: 4px solid #5babe3;    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;}
	li.hidden-item a{    width: 100%;       padding: 0 0 0 35px!important;    color: #fff;    text-transform: uppercase;}
	li.hidden-item a.tel {      background: url(/assets/images/ico_phone_wh.svg) 0 0px no-repeat; background-size: 24px;   }
	li.hidden-item a.email {      background: url(/assets/images/ico_mail_wh.svg) 0 0px no-repeat;  background-size: 24px; }
		li.hidden-item a.contact {      background: url(/assets/images/ico_contact_wh.svg) 0 0px no-repeat;   background-size: 24px; }
		li.hidden-item a.info {      background: url(/assets/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) {margin-bottom:50px;}
	.personal_box2 {    width: 33.3333%;    -ms-flex: 0 0 33.3333%;    flex: 0 0 33.3333%;    max-width: 33.3333%;}

}



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


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

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


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

 



@media (max-width: 414px){
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: 28px;    text-shadow: 0 0 black;    text-shadow: 0 0 black;    max-width: 75%;
}
	#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 #5babe3;    background-size: 36px;
    padding: 25px 20px 25px 30px;}
		#leistungen h2 {
    font-size: 28px;
}
	#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%;}
	
	#container2 h1 span, #container2 h2 span {    font-size: 45px;}
#container2 h1, #container2 h2 {    font-size: 30px;}

	
	
	
	
}

 



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


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


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