html, body {
        font-family: Tahoma, Arial;
        padding: 0px;
        margin: 0px;
        color: #333333;
        background-color: #FFF;
        font-size: 14px;
        line-height: 22px;
}
html {
    scroll-behavior: smooth;
}
img {   /*width: 100%; */
        max-width: 100%;
        height: auto; }
a {
        color: #9A4540;
        outline: 0;
        text-decoration: none;
}

a:hover, a:focus {
        text-decoration: underline;
        color: #9A4540;

}
a:active, a:focus {
        color: #9A4540;
        text-decoration: none;
        border: none;
        outline:none;
}
p {
        color: #333333;
        margin: 0 0 10px;
        text-align: left;
}
h1, h2, h3, h4, h5, h6 {
        font-family: Arial, Verdana,  Helvetica, sans-serif;
        font-weight: 400;
}
h1 {    padding: 0px 0px;
        float: left;
        font-size: 18px;
        line-height: 24px;
        font-weight: bold;
        color: #9A4540;
        margin-bottom: 10px;
}
h2        {
        font-size: 24px;
        color: #9A4540;
        margin-top: 0px;
        }
h3 {
        text-align: center;
        font-size: 1.1em;
        line-height: 1.5em;
        color: #9A4540;
        }

td {
        vertical-align: top;
        padding: 5px;
}
.clear   { clear: both; }
.content { display: block; height: auto; }
.container {
        max-width: 1200px;
}
.clearfix:after {
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* mainmenu */

.navbar-brand {
    background-image: url("/_Resources/Static/Packages/ISP.KlinikumABG/Images/logo_klinikum.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    margin-right: 20px;
    text-indent: -999px;
    width: 240px;
    margin: 0px 0px 0px 0px;
}
.navbar-brand-mvz {
    background-image: url("/_Resources/Static/Packages/ISP.KlinikumABG/Images/logo_mvz.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    margin-right: 20px;
    text-indent: -999px;
    width: 440px;
    margin: 0px 0px 0px 0px;
}

@media only screen and (max-width: 768px) {
   .navbar-brand {
        background-image: url("/_Resources/Static/Packages/ISP.KlinikumABG/Images/logo_klinikum.png");
      /*  background-size: 100px 32px; */
        margin-left: 20px;
        background-repeat: no-repeat;
        background-size:contain;
        height: 100px;
        width: 50%;
   }
   .navbar-brand-mvz {
        background-image: url("/_Resources/Static/Packages/ISP.KlinikumABG/Images/logo_mvz.png");
      /*  background-size: 100px 32px; */
        margin-left: 20px;
        background-repeat: no-repeat;
        background-size:contain;
        height: 100px;
        width: 50%;
   }
}
.nav-justified {
   margin: 50px 0 0 0;
}
.nav-justified {
   margin: 5px 0 0 0;
}

.navbar-default { background-color: transparent; border: none; }
.navbar-default .navbar-header { padding-bottom: 18px; }
.navbar-default .navbar-toggle { background-color: #9A4540; outline: none; margin-top: 15px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }

.first-level-navigation { margin-top: 5px; margin-bottom: 0; }
.first-level-navigation a { font-size: 1.0em; }
@media only screen and (max-width: 768px) { .first-level-navigation .nav-pills > li { float: none; margin-right: 0px; } }

.navbar-default { background-color: transparent; border: none; }
.navbar-default .navbar-header { padding-bottom: 10px; }
.navbar-default .navbar-toggle { background-color: #9A4540; outline: none; margin-top: 15px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }

.container .navbar-collapse { max-height: none; padding: 0; margin: 0; overflow:hidden; }

@media only screen and (max-width: 768px) { .navbar-collapse { border-bottom: 1px solid transparent; } }


.nav > li a:hover {
    border-radius: 0px;
}
.navbar-main-collapse > .nav > li.current  {
  text-decoration: none;
  background-color: #eee;
  border-radius: 0px;
}
.navbar-main-collapse > .nav > li.active {
  text-decoration: none;
  background-color: #eee;
  border-radius: 0px;
}
.nav > li.active > a {
  color: #9A4540;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: #eee;
}
.nav-pills > li.current > a:hover,
.nav-pills > li.active > a:hover {
  color: #000;
}

.second-level-navigation > .nav > li,
.in > .nav > li {
    clear:both;
    border-bottom: 1px solid #DADADA;
    width: 100%;
}
.nav-justified > li > a,
.nav-justified2 > li > a {
    margin-bottom: 0px;
    text-align: center;
}
.second-level-navigation > .nav > li a,
.second-level-navigation li a.focus {
    color: #606060;
    background-color: none;
}
.second-level-navigation > .nav > li.current a,
.second-level-navigation li.current a.focus {
    color: #9A4540;
}
.second-level-navigation > .nav > li a:hover,
.second-level-navigation li.current a.active,
.second-level-navigation > .nav > li a:hover,
.second-level-navigation li.current a.active {
    color: #9A4540;
    border-radius: 0px;
}

.second-level-navigation .navbar {
    margin-bottom: 0px;
}

.third-level-sub-navigation > li {
    clear:both;
    border-top: 1px solid #EDEDED;
    width: 100%;
}
.fourth-level-sub-navigation > li {
    clear:both;
    border-top: 1px solid #EDEDED;
    width: 100%;
}
ul.third-level-sub-navigation > li > a,
ul.third-level-sub-navigation > li > a.focus {
    color: #606060;
    background-color: none;
    padding-left: 30px;
}
ul.fourth-level-sub-navigation > li > a,
ul.fourth-level-sub-navigation > li > a.focus {
    color: #606060;
    background-color: none;
    padding-left: 50px;
}
li.current ul.third-level-sub-navigation > li.normal > a,
li.current ul.third-level-sub-navigation > li.normal > a.focus {
    color: #606060;
}
li.current ul.third-level-sub-navigation > li.current > a,
li.current ul.third-level-sub-navigation > li.current > a.focus {
    color: #9A4540;
}
ul.third-level-sub-navigation > li.current a,
ul.third-level-sub-navigation li.current a.focus {
    color: #606060;
}
.third-level-sub-navigation > li a:hover,
.third-level-sub-navigation li.current a.active,
.third-level-sub-navigation > li a:hover,
.third-level-sub-navigation li.current a.active {
    color: #9A4540;
    border-radius: 0px;
}
.nav-pills > li > a {
    border-radius: 0px;
}

.klinikback {
    background-color: #EEE;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 15px;
}
.current a {
    font-weight:bold;
}
.normal a {
    font-weight:normal;
}

/* sticky */

#stick {
    text-align: center;
}
.sticky {
    position: fixed;
    width: 100%;
    left: 0px;
    top: -80px;
    z-index: 100;
    border-top: 0;
    padding: 0 0 0 140px;
    background-color: #EFEFEF;
    border-bottom: 2px solid #9A4540;
}
.navicon {
    display: none;
}
.sticky .navicon {
    display: block;
    float: left;
    background-image: url('/_Resources/Static/Packages/ISP.KlinikumABG/Images/navicon.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 34px;
    margin: 0 15px 0 0;
}
.sticky .navicon a {
    display: block;
}
.sticky .navicon a:hover {
    background-color: none;
    text-decoration: none;
    height: 100%;
}

/* Dropdown */

#nav {
     position: relative;
     z-index: 9999;
}

     #nav > a
     {
              display: none;
     }

     #nav li
     {
              position: relative;
     }
     #nav li a
     {
              display: block;
     }
     #nav li a:active
     {
              background-color: #9A4540 !important;
              color: #fff;
     }

     /* first level */

     #nav > ul
     {
           /*   height: 60px; */
              background-color: #9A4540;
     }
     #nav > ul > li
     {
            /*   width: 25%; */
              height: 100%;
              float: left;
     }
              #nav > ul > li > a
              {
                 /*  height: 100%;
                   font-size: 16px;
                   line-height: 24px;  */
                   text-align: center;
              }
                   #nav > ul > li:not( :last-child ) > a
                   {
                       /*   border-right: 1px solid #9A4540; */
                   }
                   #nav > ul > li:hover > a,
                   #nav > ul:not( :hover ) > li.active > a
                   {
                          background-color: #9A4540;
                   }

                   /* second level */
                   #nav li ul
                   {
                          background-color: #EEEEEE;
                          display: none;
                          position: absolute;
                          top: -46px;
                          min-width: 150px;
                          width:auto;
                   }
                   #nav li ul li
                   {
                          clear:both;
                          display: inline-block;
                          min-width: 100%;
                          width:auto;
                          background-color: #FAF4F4;
                          border-bottom: 1px solid #E8D4D3;
                   }
                   #nav li:hover ul
                   {
                          display: block;
                       /*   left: 0;
                          right: 0; */
                   }
                   #nav li:not( :first-child ):hover ul
                   {
                          left: -1px;

                   }
                   #nav li ul a
                   {
                       /*   border-top: 1px solid #9A4540; */
                          padding: 5px 10px;
                   }
                          #nav li ul li a:hover,
                          #nav li ul:not( :hover ) li.active a
                          {
                                  background-color: #9A4540;
                                  color: #fff;
                          }

#nav li:nth-child(5) ul {
    display:none;
}

@media only screen and ( min-width: 2000px )
{
      .sticky {
            padding-left:540px;
      }
}
@media only screen and ( max-width: 2000px )
{
      .sticky {
            padding-left:440px;
      }
}
@media only screen and ( max-width: 1800px )
{
      .sticky {
            padding-left:320px;
      }
}
@media only screen and ( max-width: 1600px )
{
      .sticky {
            padding-left:150px;
      }
}
@media only screen and ( max-width: 1198px )
{
      #nav li ul
      {
            top: -16px;
      }
      .sticky {
            top: -50px;
            padding-left:40px;
      }
}

@media only screen and ( max-width: 990px )
{
      #nav li ul
      {
            top: 23px;
      }
      .sticky {
            top: -30px;
            padding-left:0px;
      }
}
@media only screen and ( max-width: 952px )
{
      #nav
      {
            width: 100%;
        /*    position: static; */
            margin: 0;
      }
      #nav li ul
      {
            top: 4px;
      }
      sticky {
            padding-left:0px;
            margin: 0 2px 0 0;
      }
}

@media only screen and ( max-width: 791px )
{
      #nav li ul
      {
            top: 24px;
      }
      sticky {
            padding-left:0px;
            margin: 0 2px 0 0;
      }
}


@media only screen and ( max-width: 765px )
{

      .sticky {
             display: none;
      }
      #nav
      {
             position: relative;
             top: auto;
             left: auto;
      }
      #nav > a
      {
             text-align: left;
             text-indent: -9999px;
             background-color: #e15a1f;
             position: relative;
      }
      #nav > a:before,
      #nav > a:after
      {
             position: absolute;
             content: '';
      }
      #nav > a:after
      {
          /*   top: 60%; */
      }

             #nav:not( :target ) > a:first-of-type,
             #nav:target > a:last-of-type
             {
                  display: block;
             }

             /* first level */

             #nav > ul
             {
                  height: auto;
                  display: none;
                  position: absolute;
                  left: 0;
                  right: 0;
             }
                  #nav:target > ul
                  {
                      display: block;
                  }
                  #nav > ul > li
                  {
                      float: none;
                  }
                      #nav > ul > li > a
                      {
                           height: auto;
                           text-align: left;
                      }
                      #nav > ul > li:not( :last-child ) > a
                      {
                           border-right: none;
                           border-bottom: 1px solid #E8D4D3;
                      }

                      /* second level */

                      #nav li ul
                      {
                           position: static;
                       /*    padding: 1.25em; /* 20 */
                           padding-top: 0;
                      }
                      #nav li ul a
                      {
                       /*   border-top: 1px solid #E8D4D3; */
                      }
                      #nav li ul li
                      {
                       /*   border-top: 1px solid #E8D4D3; */
                      }
}

/* Dropdown Ende */


/* banner_slide */
.banner {
    width: 100%;
    height: auto;
    min-height:1px;
    position: relative;
    overflow: hidden;
    background-color: #FDFDF5;
    border-bottom: 5px solid #9A4540;
}
.banner .container {
  padding-right: 0px;
  padding-left: 0px;
}
.banner ul {
  /*  list-style: none; */
    padding: 0;
}
.banner ul li {
    float: left;
    background-size:50px 50px;
    height:auto;
    min-height:25px;
    width: 100%;
}
.banner div.slide_caption {
    max-width: 600px;
    margin: 120px auto auto 10%;
}
.banner div.slide_caption p {
    background: rgba(255,255,255,.75) ;
    text-align: left;
    color: #000;
    line-height: 2em;
    float: left;
    padding: 10px;
}
.banner div.slide_caption a {
    color: #000;
}
.banner div.slide_caption h1 {
  /*  font-size: 32px; */
    margin: 0;
}
.banner div.slide_caption p {
    font-size: 16px;
    margin: 10px 0 0 0 ;
}

.breadcrumb .current {
    font-weight: bold;
    color: #9A4540;
}
.breadcrumb {
    margin-left: -15px;
}


/* Datum ausblenden */


/* inhalte */


.logo {
        width: 100%;
        height: auto;
        max-height: 80px;
        margin: 5px 0px 5px 0px;
        background-image: url('/_Resources/Static/Packages/ISP.KlinikumABG/Images/logo_klinikum.png');
        background-repeat: no-repeat;
        background-size:contain;
}
.container {
        width: 100%;
}
.columns-4-4-4 .column,
.columns-33-33-33 .column {
        position:relative;
        float:left;
        min-height:1px;
        padding:10px 15px;
        width: 33.33%;
}
.columns-8-4 .column:first-of-type,
.columns-66-33 .column:first-of-type {
    position:relative;
    float:left;
    min-height:1px;
    padding:10px 15px;
    width: 66.66%;
}
.columns-8-4 .column:last-of-type,
.columns-66-33 .column:last-of-type {
    position:relative;
    float:left;
    min-height:1px;
    padding:10px 15px;
    width: 33.33%;
}
.columns-4-8 .column:first-of-type,
.columns-33-66 .column:first-of-type {
    position:relative;
    float:left;
    min-height:1px;
    padding:10px 15px;
    width: 33.33%;
}
.columns-4-8 .column:last-of-type,
.columns-33-66 .column:last-of-type {
    position:relative;
    float:left;
    min-height:1px;
    padding:10px 15px;
    width: 66.66%;
}
.columns-25-50-25 .column {
    position:relative;
    float:left;
    min-height:1px;
    padding:20px 15px 10px 15px;
    width: 50%;
}
.columns-25-50-25 .column:last-of-type,
.columns-25-50-25 .column:first-of-type {
    width: 25%;
}
.columns-25-25-50 .column {
    position:relative;
    float:left;
    min-height:1px;
    padding:20px 15px 10px 15px;
    width: 25%;
}
.columns-25-25-50 .column:last-of-type{
    width: 50%;
}
.columns-25-25-50 .column:first-of-type {
    width: 25%;
}
.columns-50-25-25 .column {
    position:relative;
    float:left;
    min-height:1px;
    padding:20px 15px 10px 15px;
    width: 25%;
}
.columns-50-25-25 .column:last-of-type{
    width: 25%;
}
.columns-50-25-25 .column:first-of-type {
    width: 50%;
}
.columns-25-37-37 .column {
    position:relative;
    float:left;
    min-height:1px;
    padding:20px 15px 10px 15px;
    width: 37%;
}
.columns-25-37-37 .column:last-of-type{
    width: 37%;
}
.columns-25-37-37 .column:first-of-type {
    width: 25%;
}
.columns-50-50 .column,
.columns-6-6 .column {
        position:relative;
        float:left;
        min-height:1px;
        padding: 0px 20px 10px 10px;
        width: 50%;
}
.columns-75-25 .column:first-of-type {
    position:relative;
    float:left;
    min-height:1px;
    padding:10px 15px 10px 7px;
    width: 75%;
}
.columns-75-25 .column:last-of-type {
    position:relative;
    float:left;
    min-height:1px;
    padding:10px 15px;
    width: 25%;
}
.columns-25-75 .column:first-of-type {
    position:relative;
    float:left;
    min-height:1px;
    padding:10px 15px 10px 7px;
    width: 25%;
}
.columns-25-75 .column:last-of-type {
    position:relative;
    float:left;
    min-height:1px;
    padding:10px 15px;
    width: 75%;
}
@media(max-width:768px) {
    .columns-25-50-25 .column {
        width: 100%;
        padding:5px 15px 5px 15px;
    }
    .columns-25-25-50 .column {
        width: 100%;
        padding:5px 15px 5px 15px;
    }
    .columns-50-25-25 .column {
        width: 100%;
        padding:5px 15px 5px 15px;
    }
    .columns-25-37-37 .column {
        width: 100%;
        padding:5px 15px 5px 15px;
    }
    .columns-25-75 .column:first-of-type {
        width: 33.3333%;
    }
    .columns-25-75 .column:last-of-type {
        width: 66.6666%;
    }
    .columns-75-25 .column:first-of-type {
        width: 66.6666%;
    }
    .columns-75-25 .column:last-of-type {
        width: 33.3333%;
    }
}
/*
@media(max-width:450px) {
    .columns-75-25 .column:first-of-type {
        width: 100%;
    }
    .columns-75-25 .column:last-of-type {
        width: 100%;
    }
}
*/
.columns-50-50 .column h1,
.columns-6-6 .column h1 {
    margin-bottom: 15px;
    margin-top: 0px;
}
.columns-25-25-25-25 .column {
        position:relative;
        float:left;
        min-height:1px;
        padding:10px 15px;
        width: 25%;
}
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-12 {
        padding-right: 0px;
        padding-left: 0px;
}

.neos-nodetypes-text {
        clear:both;
}
.neos-alignment-center {
        width: 100%;
        text-align: center;
}
.neos-nodetypes-html {
    clear:both;
    position: relative;
    padding: 0 15px 10px 20px;
  /*  padding-bottom: 56.25%; */
    padding-top: 0px;
    /* height: 0; */
    overflow: hidden;
}
.neos-nodetypes-html table {
    margin-left:25px;
}

/*.neos-nodetypes-html iframe,*/
.neos-nodetypes-html object,
.neos-nodetypes-html embed {
    position: relative;
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto !important;
    padding: 0 30px;
}

.neos-nodetypes-headline {
    clear:both;
    scroll-margin-top: 50px;
}
.neos-nodetypes-headline,
.neos-nodetypes-text,
.neos-nodetypes-image,
.neos-nodetypes-textwithimage {
        padding:10px 15px 10px 20px;
}


.neos-nodetypes-headline h1 {
        margin: 10px 0 20px 0;
        width: 100%;
}

#teaser .neos-nodetypes-headline h1 {
        margin: 20px 0 10px 0;
}

.col-md-8 .neos-nodetypes-twocolumn,
.col-md-9 .neos-nodetypes-twocolumn {
        clear:both;
}
.col-md-8 .neos-nodetypes-textwithimage,
.col-md-9 .neos-nodetypes-textwithimage {
        clear:both;
}
.neos-nodetypes-textwithimage img {
        width: 100%;
        margin-bottom: 10px;
}
.neos-nodetypes-textwithimage figure {
        float:right;
        width: 35%;
        padding: 15px;
}
.neos-nodetypes-textwithimage div {
        float:left;
        width: 65%;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    margin: 50px 0 0 20px;
    height: 0;
   /* overflow: hidden; */
}

.neos-nodetypes-threecolumn .responsive-video {
    margin-left: 0px;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.neos-nodetypes-text table {
   width: 100%;
}



.neos-nodetypes-twocolumn .neos-nodetypes-headline,
.neos-nodetypes-threecolumn .neos-nodetypes-headline,
.neos-nodetypes-fourcolumn .neos-nodetypes-headline,
.neos-nodetypes-twocolumn .neos-nodetypes-text,
.neos-nodetypes-threecolumn .neos-nodetypes-text,
.neos-nodetypes-fourcolumn .neos-nodetypes-text,
.neos-nodetypes-twocolumn .neos-nodetypes-image,
.neos-nodetypes-threecolumn .neos-nodetypes-image,
.neos-nodetypes-fourcolumn .neos-nodetypes-image,
.neos-nodetypes-twocolumn .neos-nodetypes-textwithimage,
.neos-nodetypes-threecolumn .neos-nodetypes-textwithimage,
.neos-nodetypes-fourcolumn .neos-nodetypes-textwithimage,
.neos-nodetypes-twocolumn .neos-nodetypes-html,
.neos-nodetypes-threecolumn .neos-nodetypes-html,
.neos-nodetypes-fourcolumn .neos-nodetypes-html,
.banner .neos-nodetypes-image {
    padding: 0px;
}

.neos-nodetypes-threecolumn {
    clear:both;
}

#inhalte .neos-nodetypes-image{
    margin-bottom: 5px;
}
#inhalte .neos-nodetypes-html {
    margin-bottom: 20px;
}
#inhalte.start .neos-nodetypes-image {
    margin-bottom: 0px;
}

.carousel { margin-bottom: 0em; }

.carousel-indicators { bottom: 20px; z-index: 99; }
.carousel-indicators li { width: 16px; height: 16px; margin: 0; border-color: #ccc; background-color: #888; -webkit-transition: box-shadow 0.1s; -moz-transition: box-shadow 0.1s; -o-transition: box-shadow 0.1s; transition: box-shadow 0.1s; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);  z-index: 99; }
.carousel-indicators .active { width: 16px; height: 16px; background-color: #9a4540; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5); }
@media only screen and (max-width: 768px) { .carousel-indicators { display: none; } }

.carousel-control.right, .carousel-control.left { background: none; }
.neos-backend .carousel-control { display: none; }

.carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 50px;
}
.carousel-control {
    opacity: .75;
}
.isp-klinikumabg-carousel {
    margin: 10px 15px 0 20px;
}
#banner_slide .isp-klinikumabg-carousel {
    margin: 10px 0 0 0;
}
.carousel-inner.neos-contentcollection .neos-nodetypes-headline,
.carousel-inner.neos-contentcollection .neos-nodetypes-text,
.carousel-inner.neos-contentcollection .neos-nodetypes-image,
.carousel-inner.neos-contentcollection .neos-nodetypes-textwithimage {
    padding:0 0;
}

@media only screen and (max-width: 768px) { .carousel-caption { font-size: 15px; padding-bottom: 0; } }

/* Babygalerie */

.baby .neos-nodetypes-textwithimage {
    position:relative;
    float:left;
    min-height:1px;
    padding: 0px 0px 0px 0px;
    width: 50%;
    clear:none;
    min-height: 400px;
}
.baby .neos-nodetypes-textwithimage figure {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 5px;
}
.baby .neos-nodetypes-textwithimage figure img {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
}
.baby .neos-nodetypes-textwithimage div {
    position: relative;
    float: left;
    width: 100%;
    padding: 0px 20px 10px 10px;
}
.baby .neos-nodetypes-textwithimage p {
    text-align: center;
}

@media(min-width:10px) {
    .baby .neos-nodetypes-textwithimage {
        width: 100%;
        min-height: 100px;
        padding: 0px 20px 10px 10px;
    }
}
@media(min-width:370px) {
    .baby .neos-nodetypes-textwithimage {
        width: 100%;
    }
}
@media(min-width:500px) { }
@media(min-width:768px) {

}
@media(min-width:992px) {
    .baby .neos-nodetypes-textwithimage {
        width: 50%;
        min-height: 360px;
        padding: 0px 0px 0px 0px;
    }
}

@media(min-width:1050px) {
    .baby .neos-nodetypes-textwithimage {
        width: 50%;
        min-height: 375px;
        padding: 0px 0px 0px 0px;
    }
}

@media(min-width:1100px) {
    .baby .neos-nodetypes-textwithimage {
        min-height: 385px;
    }

}

@media(min-width:1200px) {
    .baby .neos-nodetypes-textwithimage {
        min-height: 390px;
    }

}


/********************************************/


#teaser,
#footer {
   margin-top: 0px;
   min-height: 1px;
   background: #F5F5F5;
   overflow: hidden;
}
#teaser {
    border-bottom: 1px solid #9a4540;
}
#teaser .neos-nodetypes-headline,
#teaser .neos-nodetypes-image,
#teaser .neos-nodetypes-text {
   padding-bottom: 15px;
}
#footer2 {
   margin-top: 5px;
   background: #E0E0E0;
   overflow: hidden;
   padding-top: 10px;
   font-size: 0.9em;
   line-height:1.4em;
   color: #686868;
}
#footer {
   min-height: 50px;
   margin-top: 20px;
}
#footer img,
#footer2 img {
   width: auto;
   max-width:100%;
}
#footer .container,
#footer2 .container {
    padding-left: 10px;
}
#footer2 {
   min-height: 1px;
}
#inhalte,
#footer3 {
    margin-top: 10px;
    background: #ffffff;
    overflow: hidden;
}
#footer3 .col-xs-12 {
    text-align: center;
}


#inhalte h1,
#teaser h1,
#footer h1,
#footer2 h1,
#footer3 h1 {
   /* color: #444444; */
}
#footer p {
    color: #696969;
}
#inhalte .event_box,
#teaser .event_box,
#footer .event_box,
#footer2 .event_box,
#footer3 .event_box {
    margin-top: 70px;
    min-height: 425px;
    background: #eeeeee;
    box-shadow: inset 0px 0px 0px 1px rgba(210, 210, 210, 1);
    position: relative;
}
#inhalte .event_box ul,
#teaser .event_box ul,
#footer .event_box ul,
#footer2 .event_box ul,
#footer3 .event_box ul {
    list-style: none;
    padding: 25px 30px 15px 30px;
    margin: 0;
}
#inhalte .event_box ul li,
#teaser .event_box ul li,
#footer .event_box ul li,
#footer2 .event_box ul li,
#footer3 .event_box ul li {
    list-style: none;
    padding: 10px 0 10px 0 ;
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    border-top: 1px solid #e2e2e2;
}
#inhalte .event_box ul li:first-child,
#teaser .event_box ul li:first-child,
#footer .event_box ul li:first-child,
#footer2 .event_box ul li:first-child,
#footer3 .event_box ul li:first-child {
    border-top: 0px ;
}
#inhalte .event_box ul li span,
#teaser .event_box ul li span {
    padding-right: 15px;
    color: #35abd9;
}
#footer .event_box ul li span,
#footer2 .event_box ul li span,
#footer3 .event_box ul li span{
    padding-right: 15px;
    color: #686868;
}
#inhalte #prev_event_btn,
#teaser #prev_event_btn,
#footer #prev_event_btn,
#footer2 #prev_event_btn,
#footer3 #prev_event_btn ,
#inhalte #next_event_btn,
#teaser #next_event_btn,
#footer #next_event_btn,
#footer2 #next_event_btn,
#footer3 #next_event_btn {
    margin-top: 60px;
    margin-bottom: 60px;
}
#inhalte #prev_event_btn a,
#teaser #prev_event_btn a,
#footer #prev_event_btn a,
#footer2 #prev_event_btn a,
#footer3 #prev_event_btn a  ,
#inhalte #next_event_btn a,
#teaser #next_event_btn a,
#footer #next_event_btn a,
#footer2 #next_event_btn a,
#footer3 #next_event_btn a {
    background: #eeeeee;
    width: 60px;
    height: 60px;
        padding: 12px;
    font-size: 28px;
    display: block;
    float: left;
    color: #0eb1dc;
}
#inhalte #prev_event_btn a:hover,
#teaser #prev_event_btn a:hover,
#footer #prev_event_btn a:hover,
#footer2 #prev_event_btn a:hover,
#footer3 #prev_event_btn a:hover ,
#inhalte #next_event_btn a:hover,
#teaser #next_event_btn a:hover,
#footer #next_event_btn a:hover,
#footer2 #next_event_btn a:hover,
#footer3 #next_event_btn a:hover {
    background: #e2e2e2;
}
#inhalte #prev_event_btn a,
#teaser #prev_event_btn a,
#footer #prev_event_btn a,
#footer2 #prev_event_btn a,
#footer3 #prev_event_btn a {
    float: right;
}
#inhalte #next_event_btn a,
#teaser #next_event_btn a,
#footer #next_event_btn a,
#footer2 #next_event_btn a,
#footer3 #next_event_btn a {
    float: left;
}

/*------ Popup Picture -----*/

.overlayHidden {
    display: none;
}

.layer {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #4a4a4a;
    background: rgba(0, 0, 0, 0.75);
    z-index: 2;
    width: 100%;
    height: 100%;
    z-index: 10002;
}

.overlay {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-height: 80% !important;
    padding: 5% 10%;
    z-index: 10003;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    cursor: pointer;
}
.overlay img {
    max-height: 80%;
}

.bg {
    background-color: #ffffff;
}

#smpopup {
    cursor: pointer;
}



/*----- Page Load ------*/

@media(min-width:10px) {
        .hptmenu { display:none;}
        .logo { height: 70px; }
        .nav-justified, .nav-justified2 { margin: 0; }
        .columns-6-6 .column, .columns-50-50 .column { width: 100%; }
        .breadcrumb { margin-left: 0px; }
}
@media(min-width:20px) {
        .leftgap  { padding: 0px 10px; }
        .about  { padding: 0px 10px; }
        .botgap  { margin: 0px 0px 20px 0px; }
        .topgap, .portfotopgap        { margin-top: 20px; }
        .col37 { float: left; width: 100%; }
        .resp-vtabs .aboutcontainer, .resp-vtabs .testicontainer        { width: 100%; }
        .aboutlinkwrapper{ display: none; }
        .aboutlinkwrapper1{  display: block; }
        .frame { padding: 0px 30px 30px 30px; }
        .link { padding-top: 20%; }
        .insideportfolio { padding-bottom: 30px; }
        .link, .linkservice, .linkcontact  { padding: 50px 0px; }
        .logocontainer .row img { width: 250px; height: auto; margin:5px 15px;  }
        .columns-4-4-4 .column, .columns-33-33-33 .column { width: 100%; }
        .columns-8-4 .column,
        .columns-66-33 .column { width: 100%;}
        .columns-33-66 .column { width: 100%;}
        .columns-25-25-25-25 .column {width:100%; }
        #footer img,
        .columns-25-25-25-25 .column img {width:100%; height: auto; }
        .hptmenu { display:none;}
        .navbar-brand { height: 90px; width: 160px; }
        .navbar-brand-mvz { height: 90px; width: 200px; }
        .neos-nodetypes-textwithimage div {width: 100%;}
        .neos-nodetypes-textwithimage figure {width: 100%;}
}
@media(min-width:370px) {
        .navbar-brand { height: 120px; width: 240px; }
        .navbar-brand-mvz { height: 120px; width: 280px; }

}
@media(min-width:500px) {
        .navbar-brand { height: 90px; width: 240px; }
        .navbar-brand-mvz { height: 90px; width: 280px; }
        .neos-nodetypes-textwithimage div {width: 50%;}
        .neos-nodetypes-textwithimage figure {width: 50%;}
        .columns-25-25-25-25 .column {width:50%; }
}


@media(min-width:768px)  {
        .leftgap   { padding: 0px 10px; }
        .botgap    { margin: 0px 0px 20px 0px; }
        .topgap    { margin-top: 20px; }
        .portfotopgap    { margin-top: 0px; }
        .link { padding-top: 20%; }
        .insideportfolio { height: 398px; }
        .link, .linkservice, .linkcontact  { height: 189px; line-height: 189px; padding: 0px; }
        .logocontainer .row img { width: auto; height: auto; margin: 5px 15px; }
        .columns-4-4-4 .column, .columns-33-33-33 .column { width: 33.33%; }
        .columns-25-25-25-25 .column {width:50%; }
        .columns-8-4 .column:first-of-type,
        .columns-66-33 .column:first-of-type {
            width: 66.66%;
        }
        .columns-8-4 .column:last-of-type,
        .columns-66-33 .column:last-of-type {
            width: 33.33%;
        }
        .columns-4-8 .column:first-of-type,
        .columns-33-66 .column:first-of-type {
            width: 33.33%;
        }
        .columns-4-8 .column:last-of-type,
        .columns-33-66 .column:last-of-type {
            width: 66.66%;
        }
        .nav-justified > li, .nav-justified2 > li {min-width: 120px; font-size: 12px;}
        .navbar-brand { height: 80px; width: 220px; }
        .navbar-brand-mvz { height: 80px; width: 280px; }
        .nav-justified { margin-top: 30px; }
        .neos-nodetypes-textwithimage div {width: 60%;}
        .neos-nodetypes-textwithimage figure {width: 40%;}
}

@media(min-width:992px) {
        @-ms-viewport       { width: device-width; }
        @-webkit-viewport   { width: device-width; }
        @-moz-viewport      { width: device-width; }
        @-ms-viewport       { width: device-width; }
        @-o-viewport        { width: device-width; }
        @viewport           { width: device-width; }
        .leftgap        { padding: 0px 6px; }
        .rightgap_about        { padding: 0px 6px 0px 2px; }
        .botgap        { margin: 0px 0px 12px 0px; }
        .topgap        {        margin-top: 0px; }
        .portfotopgap        { margin-top: 0px; }
        .bordergapborder        { padding: 0px; margin: 0px; }
        .graybg        {height: 397px; }
        .col37        { float: left; width: 37.5%; }
        .col50        { float: left; width: 50%; position: relative; }
        .col100        { float: left; width: 100%; position: relative; }
        .form { padding: 5px 0px; }
        .form textarea { height: 120px; }
        .address { font-size: 12px; }
        .portfoliotext { width: 95%; padding: 15px ; font-size: 14px; }
        .resp-vtabs .aboutcontainer, .resp-vtabs .testicontainer        { width: 75%; }
        .leftgap_about        { padding: 0px 0px 0px 6px; }
        .aboutlinkwrapper { width: 95.8%; float: left; background: #E67B2A; text-align: center; display: block; }
        .aboutlinkwrapper1 {  display: none; }
        .resp-vtabs .tab li,
        .resp-vtabs .testitab li{ padding: 0px;  margin-bottom: 12px; }
        .resp-vtabs ul.tab li,
        .resp-vtabs ul.tab li.resp-tab-active,
        .resp-vtabs ul.testitab li,
        .resp-vtabs ul.testitab li.resp-tab-active        { line-height: 79px; height: 79px; }
        .frame        { height: 337px; margin-right: 1px; padding: 0px 30px; }
        .link { padding-top: 15%; }
        .link, .linkservice, .linkcontact { height: 124px; line-height: 124px; padding: 0px; }
        .logocontainer        { width: 970px; padding: 0px 15px; margin: 0 auto; }
        .insideportfolio        { height: 260px; }
        .columns-6-6 .column, .columns-50-50 .column { width: 50%; }
        .columns-4-4-4 .column, .columns-33-33-33 .column { width: 33.33%; }
        .columns-25-25-25-25 .column {width:25%; }
        .hptmenu { display:block;}
        .nav-justified > li, .nav-justified2 > li {min-width: 75px; font-size: 12px;}
        .navbar-brand { height: 80px; width: 230px; }
        .navbar-brand-mvz { height: 80px; width: 330px; }
        .nav-justified { margin-top: 50px; float: none;}
        .nav-justified a { font-size: 14px; }
        .neos-nodetypes-textwithimage figure {width: 35%;}
        .neos-nodetypes-textwithimage div {width: 65%;}

        /*
        .item {
            position:relative;
        }
        .carousel-inner .neos-nodetypes-textwithimage figure {
            width: 100%;
            position:relative;
        }
        .carousel-inner .neos-nodetypes-textwithimage div {
            width: 50%;
            position: relative;
            bottom: 15px;
            right: 20px;
        }
        */

}


@media(min-width:1200px) {
        @-ms-viewport       { width: device-width; }
        @-webkit-viewport   { width: device-width; }
        @-moz-viewport      { width: device-width; }
        @-ms-viewport       { width: device-width; }
        @-o-viewport        { width: device-width; }
        @viewport           { width: device-width; }
        .leftgap        { padding: 0px 8px; }
        .rightgap_about        { padding: 0px 8px; }
        .botgap        { margin: 0px 0px 16px 0px; }
        .topgap        { margin-top: 0px; }
        .portfotopgap        { margin-top: 0px; }
        .bordergapborder        { padding: 0px 16px; }
        .graybg        { height: 466px; }
        .col37        { float: left; width: 37.5%; position: relative; }
        .col50        { float: left; width: 50%; position: relative; }
        .col100        { float: left; width: 100%; position: relative; }
        .form { padding: 10px 0px; }
        .form textarea { height: 150px; }
        .address { font-size: 14px; }
        .portfoliotext { width: 95%; padding: 30px; font-size: 16px; }
        .resp-vtabs .aboutcontainer, .resp-vtabs .testicontainer        { width: 75%; }
        .leftgap_about        { padding: 0px 0px 0px 10px; }
        .resp-vtabs ul.tab li,
        .resp-vtabs ul.tab li.resp-tab-active,
        .resp-vtabs ul.testitab li,
        .resp-vtabs ul.testitab li.resp-tab-active { line-height: 93px; height: 93px; }
        .resp-vtabs .tab li,
        .resp-vtabs .testitab li { padding: 0px;  margin-bottom: 15px; }
        .frame        { height: 406px; padding: 0px 30px; }
        .link { height: 150px; line-height: 150px; padding: 0px; }
        .insideportfolio        { height: 316px; }
        .leftgap_about .link { height: 142px; line-height: 142px; padding: 0px; }
        .linkservice, .linkcontact { height: 145px; line-height: 145px; padding: 0px; }
        .nav-justified > li, .nav-justified > li {min-width: 75px; font-size: 14px;}
        .navbar-brand { height: 110px; width: 300px; }
        .navbar-brand-mvz { height: 110px; width: 450px; }
        .nav-justified { margin-top: 80px; }
        .nav-justified a { font-size: 15px; }
        .breadcrumb { margin-left: -15px; }
}

/* MVZ */

#mvz a {
        color: #0074BC;
}
#mvz a:hover, #mvz a:focus {
        text-decoration: underline;
        color: #0074BC;
}
#mvz a:active, #mvz a:focus {
        color: #0074BC;
}
#mvz h1 {
        color: #0074BC;
}

#mvz h2 {
        color: #0074BC;
}
#mvz h3 {
    color: #0074BC;
}
#mvz .navbar-brand {
    background-image: url("/_Resources/Static/Packages/ISP.KlinikumABG/Images/logo_mvz.png");
    width: 440px;
}
#mvz #teaser {
    border-bottom: 1px solid #0074BC;
}
#mvz .navbar-default .navbar-toggle { background-color: #0074BC; outline: none; margin-top: 15px; }
#mvz .navbar-default .navbar-toggle { background-color: #0074BC; outline: none; margin-top: 15px; }
#mvz .nav > li.active > a {
  color: #0074BC;
}
#mvz .second-level-navigation > .nav > li.current a,
#mvz .second-level-navigation li.current a.focus {
    color: #0074BC;
}
#mvz .second-level-navigation > .nav > li a:hover,
#mvz .second-level-navigation li.current a.active,
#mvz .second-level-navigation > .nav > li a:hover,
#mvz .second-level-navigation li.current a.active {
    color: #0074BC;
}
#mvz li.current ul.third-level-sub-navigation > li.current > a,
#mvz li.current ul.third-level-sub-navigation > li.current > a.focus {
    color: #0074BC;
}
#mvz .third-level-sub-navigation > li a:hover,
#mvz .third-level-sub-navigation li.current a.active,
#mvz .third-level-sub-navigation > li a:hover,
#mvz .<u>third-level-sub-navigation</u> li.current a.active {
    color: #0074BC;
}
#mvz .sticky {
    border-bottom: 2px solid #0074BC;
}
#mvz .sticky .navicon {
    background-image: url('/_Resources/Static/Packages/ISP.KlinikumABG/Images/navicon_mvz.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 34px;
}
     #mvz #nav li a:active
     {
              background-color: #0074BC !important;
     }
     #mvz #nav a:hover
     {
              text-decoration: none;
     }
     #mvz > #nav > ul
     {
           /*   height: 60px; */
              background-color: #0074BC;
     }
                   #mvz >#nav > ul > li:hover > a,
                   #mvz > #nav > ul:not( :hover ) > li.active > a
                   {
                          background-color: #0074BC;
                   }
                          #mvz #nav li ul li a:hover,
                          #mvz #nav li ul:not( :hover ) li.active a
                          {
                                  background-color: #0074BC;
                          }
                   #mvz #nav li ul li
                   {
                          background-color: #F4F5FA;
                          border-bottom: 1px solid #D3D9E8;
                   }
#mvz .banner {
    border-bottom: 5px solid #0074BC;
}
#mvz .breadcrumb .current {
    color: #0074BC;
}

/* Hebammenkurse */

.hbk-kurs-liste {
    margin: 0 0 25px 10px;
}
.hbk-kurs-headline {
    background-color: #eeeeee;
    padding: 10px;
    cursor:  pointer;
    border-radius: 2px;
}

h2.hbk-kurs-headline {
    margin-bottom: 10px;
}
.hbk-kurs-nokurs h3 {
    text-align: left;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #9A4540;
    font-weight: 700;
}
.hbk-caption {
    padding: 10px 0;
}
.hbk-kurs-title,
.hbk-kurs-places {
    text-align: left;
    font-size: 1.1em;
    line-height: 1.5em;
    color: #9A4540;
    font-weight: 700;
}
.hbk-but-date,
.hbk-bur-kap {
    margin-left: 20px;
    padding: 5px 0;
    font-weight: 700;
    font-size: 1.1em;
}
.hbk-but-date {
    padding-top: 15px;
}
details {
    margin-left: 20px;
}
.hbk-anmeldung .form-group {
    width: 50%;
    float: left;
    padding-right: 25px;
    margin-bottom: 20px;
}
.hbk-anmeldung .form-group.cm-plz {
    width: 25%;
    float: left;
    padding-right: 25px;
}
.hbk-anmeldung .form-group.cm-ort {
    width: 75%;
    float: left;
    padding-right: 25px;
}
.hbk-anmeldung .form-group.cm-street {
    width: 75%;
    float: left;
    padding-right: 25px;
}
.hbk-anmeldung .form-group.cm-nr {
    width: 25%;
    float: left;
    padding-right: 35px;
}
.hbk-anmeldung .form-group.cm-kk,
.hbk-anmeldung .form-group.cm-bdate,
.hbk-anmeldung .form-group.cm-kka,
.hbk-anmeldung .form-group.cm-okay,
.hbk-anmeldung .form-group.cm-absenden {
    clear:both;
}
.hbk-anmeldung .form-group.cm-kka,
.hbk-anmeldung .form-group.cm-okay {
    width: 100%;
}
.hbk-anmeldung .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-top: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 1px solid #aaa;
    border-left: 0px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.hbk-anmeldung .form-control:focus {
    border-bottom: 2px solid #9A4540;
}
.hbk-anmeldung .neos-button.neos-button-primary.absenden {
    clear:both;
}
.hbk-anmeldung button.absenden {
    clear:both;
    background-color: #9A4540;
    color: #fff;
    border: 1px solid #9A4540;
    padding: 10px 15px;
    font-weight: bold;
    display: inline-block;
    width: auto;
    margin-left: 20px;
    border-radius: 5px;
}
.form-group.cm-okay input[type=checkbox] {
    width: 4%;
    float:left;
}
.form-group.cm-okay label {
    width: 96%;
    float:left;
}

@media(max-width:768px)  {
    .hbk-anmeldung .form-group {
        width: 100%;
        padding-right: 0;
    }
}
/* Krankenpflegeschule */



#kps a {
        color: #6A9F37;
}
#kps a:hover, #kps a:focus {
        text-decoration: underline;
        color: #6A9F37;
}
#kps a:active, #kps a:focus {
        color: #6A9F37;
}
#kps h1 {
        color: #6A9F37;
}

#kps h2 {
        color: #6A9F37;
}
#kps .navbar-brand {
    background-image: url("/_Resources/Static/Packages/ISP.KlinikumABG/Images/logo_kps.png");
    width: 440px;
}
#kps .navbar-default .navbar-toggle { background-color: #6A9F37; outline: none; margin-top: 15px; }
#kps .navbar-default .navbar-toggle { background-color: #6A9F37; outline: none; margin-top: 15px; }
#kps .nav > li.active > a {
  color: #6A9F37;
}
#kps .second-level-navigation > .nav > li.current a,
#kps .second-level-navigation li.current a.focus {
    color: #6A9F37;
}
#kps .second-level-navigation > .nav > li a:hover,
#kps .second-level-navigation li.current a.active,
#kps .second-level-navigation > .nav > li a:hover,
#kps .second-level-navigation li.current a.active {
    color: #6A9F37;
}
#kps li.current ul.third-level-sub-navigation > li.current > a,
#kps li.current ul.third-level-sub-navigation > li.current > a.focus {
    color: #6A9F37;
}
#kps .third-level-sub-navigation > li a:hover,
#kps .third-level-sub-navigation li.current a.active,
#kps .third-level-sub-navigation > li a:hover,
#kps .<u>third-level-sub-navigation</u> li.current a.active {
    color: #6A9F37;
}
#kps .sticky {
    border-bottom: 2px solid #6A9F37;
}
#kps .sticky .navicon {
    background-image: url('/_Resources/Static/Packages/ISP.KlinikumABG/Images/navicon_kps.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 34px;
}
     #kps #nav li a:active
     {
              background-color: #6A9F37 !important;
     }
     #kps #nav a:hover
     {
              text-decoration: none;
     }
     #kps > #nav > ul
     {
           /*   height: 60px; */
              background-color: #6A9F37;
     }
                   #kps >#nav > ul > li:hover > a,
                   #kps > #nav > ul:not( :hover ) > li.active > a
                   {
                          background-color: #6A9F37;
                   }
                          #kps #nav li ul li a:hover,
                          #kps #nav li ul:not( :hover ) li.active a
                          {
                                  background-color: #6A9F37;
                          }
                   #kps #nav li ul li
                   {
                          background-color: #F4FAF4;
                          border-bottom: 1px solid #D3E8D3;
                   }
#kps .banner {
    border-bottom: 5px solid #6A9F37;
}
#kps .breadcrumb .current {
    color: #6A9F37;
}




/* Krankenhaus Service Gesellschaft */




#ksg a {
        color: #005F3A;
}
#ksg a:hover, #ksg a:focus {
        text-decoration: underline;
        color: #005F3A;
}
#ksg a:active, #ksg a:focus {
        color: #005F3A;
}
#ksg h1 {
        color: #005F3A;
}

#ksg h2 {
        color: #005F3A;
}
#ksg .navbar-brand {
    background-image: url("/_Resources/Static/Packages/ISP.KlinikumABG/Images/logo_ksg.png");
    width: 440px;
}
#ksg .navbar-default .navbar-toggle { background-color: #005F3A; outline: none; margin-top: 15px; }
#ksg .navbar-default .navbar-toggle { background-color: #005F3A; outline: none; margin-top: 15px; }
#ksg .nav > li.active > a {
  color: #005F3A;
}
#ksg .second-level-navigation > .nav > li.current a,
#ksg .second-level-navigation li.current a.focus {
    color: #005F3A;
}
#ksg .second-level-navigation > .nav > li a:hover,
#ksg .second-level-navigation li.current a.active,
#ksg .second-level-navigation > .nav > li a:hover,
#ksg .second-level-navigation li.current a.active {
    color: #005F3A;
}
#ksg li.current ul.third-level-sub-navigation > li.current > a,
#ksg li.current ul.third-level-sub-navigation > li.current > a.focus {
    color: #005F3A;
}
#ksg .third-level-sub-navigation > li a:hover,
#ksg .third-level-sub-navigation li.current a.active,
#ksg .third-level-sub-navigation > li a:hover,
#ksg .<u>third-level-sub-navigation</u> li.current a.active {
    color: #005F3A;
}
#ksg .sticky {
    border-bottom: 2px solid #005F3A;
}
#ksg .sticky .navicon {
    background-image: url('/_Resources/Static/Packages/ISP.KlinikumABG/Images/navicon_ksg.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 34px;
}
     #ksg #nav li a:active
     {
              background-color: #005F3A !important;
     }
     #ksg #nav a:hover
     {
              text-decoration: none;
     }
     #kksgps > #nav > ul
     {
           /*   height: 60px; */
              background-color: #005F3A;
     }
                   #ksg >#nav > ul > li:hover > a,
                   #ksg > #nav > ul:not( :hover ) > li.active > a
                   {
                          background-color: #005F3A;
                   }
                          #ksg #nav li ul li a:hover,
                          #ksg #nav li ul:not( :hover ) li.active a
                          {
                                  background-color: #005F3A;
                          }
                   #ksg #nav li ul li
                   {
                          background-color: #F4FAF4;
                          border-bottom: 1px solid #D3E8D3;
                   }
#ksg .banner {
    border-bottom: 5px solid #005F3A;
}
#ksg .breadcrumb .current {
    color: #005F3A;
}




/* Kindergarten */


#kiga .navbar-brand {
    background-image: url("/_Resources/Static/Packages/ISP.KlinikumABG/Images/logo_kiga.png");
    width: 250px;
}

#kiga .sticky .navicon {
    background-image: url('/_Resources/Static/Packages/ISP.KlinikumABG/Images/navicon_kiga.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 34px;
}

/* Suche */

.suchen {
    position: absolute;
    top: 10px;
    right: 10px;
    padding:10px;
    width:320px;
    text-align: right;
  /*  background-color: #fff; */
    z-index:10001;
  /*  border: 1px solid #ff00ff; */
}

@media(min-width:10px) and (max-width: 370px)   {

.suchen {
    position: absolute;
    top: 55px;
    right: 10px;
    padding:10px;
    width:250px;
    text-align: right;
    z-index:10001;
    }
}
@media(min-width:370px) and (max-width: 500px)   {

.suchen {
    position: absolute;
    top: 75px;
    right: 10px;
    padding:10px;
    width:250px;
    text-align: right;
    z-index:10001;
    }
}
@media(min-width:500px) and (max-width: 765px)   {

.suchen {
    position: absolute;
    top: 50px;
    right: 10px;
    padding:10px;
    width:250px;
    text-align: right;
  /*  background-color: #fff; */
    z-index:10001;
  /*  border: 1px solid #ff00ff; */
}
}

.flowpapck-simplesearch-search hr {
    border-color: #FBFAEB;
    margin-bottom: 10px;
    margin-top: 10px;
}

.fa-input {
  font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.suchen .btn {
    padding: 2px 8px;
    vertical-align: top;
}


.neos-alignment-right {
    text-align: right;
}
#footer2 .columns-25-25-25-25 .column:nth-of-type(3) .neos-alignment-right {
    text-align: left;
    width: auto;
    max-width: 40%;
    margin-left: 10%;
    margin-bottom: 3%;
    float:left;
}

/* News */

.newsbox {
    clear:both;
    width: 100%;
    padding-left: 20px;
}
.community-news-category .newsbox {
    padding-left: 0px;
}
.community-news-news .newsbox {
    padding-left: 20px;
}
.neos-contentcollection .newsbox {
    margin-left: 0px;
}
.columns-4-4-4 .community-news-news .newsbox {
    margin-left: -20px;
}
.newsbox .newstitle h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 2px;
}
.newstitle {
    clear:both;
    width: 100%;
}
.singlenewsheadline h1 {
    margin-top: 0px;
}
.newsdate {
    display:none;
    clear:both;
    width: 100%;
    font-size: 12px;
    color: #8D8D8D;
 }
.stellen .newsdate {
   display: none;
}
.newsteaser {
    clear:both;
    width: 100%;
    text-align:left;
}
.newsteaser p {
    text-align:left;
}
.newstext {
    clear:both;
    width: 100%;
    text-align:left;
    margin-bottom: 10px;
}
.newstext .neos-nodetypes-headline,
.newstext .neos-nodetypes-text,
.newstext .neos-nodetypes-image,
.newstext .neos-nodetypes-textwithimage {
    padding:10px 15px 10px 0px;
}

.widget-paginator li {
    display: inline-block;
    list-style-type: none;
}

.newstext .container {
    padding-left: 0px;
    padding-right: 0px;
}

.newstext .columns-6-6 .column,
.newstext .columns-50-50 .column {
    padding: 0;
}
.community-news-category {
    width: 100%;
    padding: 0px 20px;
}
.community-news-category .neos-nodetypes-headline,
.community-news-category .neos-nodetypes-text,
.community-news-category .neos-nodetypes-image,
.community-news-category .neos-nodetypes-textwithimage {
    padding: 0 15px 10px 0px;
}


.singlenewsheadline,
.singlenewsteaser {
    margin-left: 20px;
}

.news ul {
    list-style-type: none;
    margin-left: -20px;
}
.news ul li {
    padding-bottom: 5px;
    border-bottom: 1px dotted #9A4540;
}
.news ul.Pagination li {
    border-bottom: 0px;
    padding-bottom: 20px;
}
.news ul li a:hover {
    text-decoration: none;
}
.news h5 {
    color: #000;
}
.newsanzeige,
.news .hback {
    margin-left: 20px;
}
.singlenewsheadline,
.newssubheadline,
.singlenewsteaser {
    margin-left: 0px;
}

/* Datum ausblenden */

.start .MyNewsLatestItem p,
.MyList .MyListItem p,
.singlenewsdate {
    display:none;
}

.LinkButton {
    background-color: #9A4540;
    color: #fff;
    border: 1px solid #9A4540;
    padding: 12px 17px;
    font-weight: bold;
    display: inline-block;
    width: auto;
    margin-left: 20px;
}
.LinkButton a {
    color: #fff;
    display:button;
}
.LinkButton:hover {
    background-color: #fff;
    color: #9A4540;
    border: 1px solid #9A4540;
}
.LinkButton:hover a {
    color: #9A4540;
    text-decoration: none;
}
.LinkButton a:after {
    content: " \276F" ;
    padding-left: 3px;
}

/*** fliegender Button ***/


#servicebar.onright {left: auto; right: 0;}
#servicebar {position: fixed;right: 0;bottom: 250px; transition: opacity 0.2s linear 0s; z-index: 998;}

@media screen and (max-width:450px){
    #servicebar {top: 130px;}}

#servicebar.onright li { margin: 0 1px 1px 0;}
.sidebars {
    min-width: 200px;
    width: auto;
    max-width: 200px;
    padding: 11px 15px;
    float:right;
    position: relative;
    font-size: 0.95em;
    text-align: left;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.sidebars a:hover {text-decoration: none;}
#servicebar li {
    background: none repeat scroll 0 0 rgba(178, 66, 62, 0.95);
    clear: both;
    float: right;
    height: auto;
    margin: 0 0 1px 1px;
    position: relative;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    border:1px solid #fff;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
#servicebar ul, #servicebar li {margin: 0;}
#servicebar ul {list-style: outside none none;padding-left: 0;}
#servicebar {list-style-type: none;}
#servicebar li {text-align: center;}
#servicebar li a:link, #servicebar li a:visited  {color: #fff;font-size: 1.65em; line-height: 1.5em;}
#servicebar li a:hover  {color: #000;}
#servicebar a i {padding: 15px 10px;color:#fff;font-size: 3.25rem;font-weight: 400;width: 60px;float:right;}
#servicebar span {/*clear:both; */}

@media all and (max-width:1199px) {
    .sidebars {
        min-width: 160px;
        max-width: 160px;
    }
    #servicebar li a:link,
    #servicebar li a:visited  {font-size: 1.35em; line-height: 1.15em;}
}
@media all and (max-width:767px) {
    #servicebar.onright {left: auto; right: 0;}
    #servicebar {position: fixed;left: auto; right: 0;top: 200px;}
    #servicebar li,#formbar li {border:1px solid #9A4540;}
    .sidebars {
        min-width: 140px;
        max-width: 140px;
      }
    #servicebar li a:link,
    #servicebar li a:visited  {font-size: 1.35em; line-height: 1.15em;}
}
@media all and (max-width:480px){
    #servicebar.onright {left: auto; right: 0;}
    #servicebar {position: fixed;left: 0;top: 200px; }
    .sidebars {
        min-width: 110px;
        width: auto;
        max-width: 110px;
        padding: 7px 15px;
        float:right;
        position: relative;
        font-size: 0.95em;
        text-align: left;
        -webkit-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }
    #servicebar li a:link,
    #servicebar li a:visited  {font-size: 1.25em; line-height: 1.0em;}
}

/* Hebammenanmeldung */

.LinkButton {
    border-radius: 10px;
    margin-bottom: 10px;
}
.LinkButton button.neos-button.absenden {
    background-color: transparent;
    color: #fff;
    border: none;
    font-weight: bold;
    display: inline-block;
    width: auto;
}
.LinkButton:hover,
.LinkButton button.neos-button.absenden:hover {
    color: #9A4540;
}

/*****/

/*** 2018 ***/
ul.MyNewsLatestList {
    list-style-type: none;
    margin: 0 0 0 -12px;
}
.MyNewsLatestList {
    width: 100%;
}

.MyNewsLatestItem {
    float:left;
    width: 33.33333333%;
    margin: 0 ;
    padding-right: 20px;
}
.MyNewsLatestItem a h4 {
    line-height: 1.25em;
    color:#000;
}
.MyNewsLatestItem a h5,
.MyNewsLatestItem a p,
.MyListItem a h5,
.MyListItem a p {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #000000;
    line-height: 1.4em;
}
.MyListItem a:hover,
.MyNewsLatestItem a:hover {
     text-decoration: none;
 }
.MyListItem h5 {
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #9A4540;
    margin-right: 20px;
}

@media(min-width:1px) and (max-width: 765px)   {
    .MyNewsLatestItem {
        float:left;
        width: 100%;
        margin: 0 ;
        padding-right: 20px;
    }
}
ul.MyList {
    list-style-type: none;
    margin: 0 0 0 -20px;
}

ul.Pagination {
    list-style-type: none;
    margin: 20px 0 0 -20px;
}

ul.Pagination li {
    float:left;
    margin: 0 5px;
}
h3 { clear:both;
text-align: left;}
/******** Accordion *****/

.accordion {
   clear:both;
   margin: 0px 20px 20px 20px;
}
.transition, p, ul li i:before, ul li i:after {
  transition: all 0.25s ease-in-out;
}

.flipIn, h1, ul li {
  animation: flipdown 0.5s ease both;
}

.no-select, h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* aufgeklappt
a.accordion-toggle {
  display:list-item;
  margin-left: 1.5em;
  list-style-type: circle;
}         */
/* zugeklappt
a.accordion-toggle .collapsed {
  display:list-item;
  margin-left: 1.3em;
  list-style-type: disc;
}           */



.accordion h1, .accordion h2 {
  color: #000;
  margin-top: 5px;
}

.accordion h1 {
 /* text-transform: uppercase; */
  font-size: 16px;
  line-height: 20px;
 /* letter-spacing: 2px; */
  color: #9A4540;
  font-weight: 100;
  cursor: pointer;
}

.accordion h2 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 100;
 /* letter-spacing: 1px; */
  display: block;
 /* background-color: #fefffa; */
  color: #9A4540;
  margin: 0;
  cursor: pointer;
}

.accordion p {
  clear:both;
 /* color: rgba(48, 69, 92, 0.8);
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 1px;       */
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 5px;
  z-index: 2;
}
/*
.accordion ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
.accordion ul li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 4px;
  padding-top: 10px;
  border-bottom: 1px dotted #dce7eb;
}
.accordion ol li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 0px;
  padding-top: 0px;
  border-bottom: none;
}
.accordion ul li:nth-of-type(1) {
  animation-delay: 0.5s;
}
.accordion ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}
.accordion ul li:nth-of-type(3) {
  animation-delay: 1s;
}
.accordion ul li:last-of-type {
  padding-bottom: 0;
}
.accordion ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
  right: 0;
}
.accordion ul li i:before, ul li i:after {
  content: "";
  position: absolute;

  width: 3px;
  height: 9px;
}
.accordion ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
.accordion ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
.accordion ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.accordion ol li input[type=checkbox] {
  cursor: text;
}
.accordion ul li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
.accordion ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
.accordion ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}            */

.accordion-group {
  padding: 0;
  margin: 0;
  padding-bottom: 4px;
  padding-top: 10px;
  border-bottom: 1px dotted #dce7eb;
  height: auto;
}
.accordion-group:after {
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}

.accordion a i {
  position: absolute;
  margin-top: 5px;
  right: 20px;
 /* display:list-item;
  list-style-type: circle;
  content: "\25BA" " "; */
  -moz-transform:rotate(180deg); /* Firefox 3.6 Firefox 4 */
  -webkit-transform:rotate(180deg); /* Safari */
  -o-transform:rotate(180deg); /* Opera */
  -ms-transform:rotate(180deg); /* IE9 */
  transform:rotate(180deg);
}
.accordion a.collapsed i {
  position: absolute;
  margin-top: 0px;
  transform: translate(-5px, 0);
  right: 20px;
 /* display:list-item;
  list-style-type: disc;
  content: "\25BA" " "; */
  -moz-transform:rotate(0deg); /* Firefox 3.6 Firefox 4 */
  -webkit-transform:rotate(0deg); /* Safari */
  -o-transform:rotate(0deg); /* Opera */
  -ms-transform:rotate(0deg); /* IE9 */
  transform:rotate(0deg);
}

.accordion-heading a {font-weight: bold;}

/* Backend */

.aloha-editable td {
  border: 1px dotted #BDBDBD;
}

.search-results hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px dotted #9A4540;
}

ul.neos-widget-paginator {
    list-style-type: none;
    margin-left: -49px;
}
ul.neos-widget-paginator li{
    list-style-type: none;
    float:left;
    margin: 3px 0;
    padding: 0px 7px;
    border-right: 1px dotted #9A4540;
}
ul.neos-widget-paginator li:last-of-type{
    border-right: 0px;
}
/*

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}
  */


/* Map (Sandstorm Maps) */
.map-wrapper {
    margin-bottom: 2rem;
}
.map-container {
    width: 100%;
    height: 400px;
}