/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body {overflow-x:hidden;}
#header {
    background-color: #FFFFFF;
}
a {
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
div.grid-container.fluid {
    padding-top: 25px;
    padding-bottom: 25px;
}
div.grid-container.fluid.paddtop0 {
    padding-top: 0;
}

div.grid-container.fluid.paddtop50 {
    padding-top: 50px;
}
div.grid-container.fluid.paddbott0 {
    padding-bottom: 0;
}
div.grid-container.fluid.paddbott50 {
    padding-bottom: 50px;
}
div#gridtop {
    padding-top: 10px;
    padding-bottom: 10px;
}


div#logo {
    margin: 7px 0;
}
.posrel {position:relative;}
.part {
    margin-bottom: 50px;
}
.quick_b {
    max-width: 202px;
}
.quick_b {
    max-width: 300px;
    padding: 0;
    margin: 0 auto 0px auto;
    height:100%;
}
.quick_b .uberschrift {
    padding: 1px;
    background-color: #af1280;
    height: 80px;
}
.quick_b .bild {
    padding-top: 10px;
}
.quick_b .text {
    padding: 10px;
    color: #626a6f;

}

.icon_l {
    max-width: 200px;
    margin: 0 auto 50px auto;
}
.icon_l .uberschrift {
    margin-top: 30px;
}
.icon_l .uberschrift h3 {
  font-family: 'Open Sans';
  font-size: 15px;
  font-weight: 600;
  color: #af1280;
  text-transform: uppercase;
}
.referenz_b {
    padding-top: 25px;
    padding-bottom: 25px;
}
.referenz_b .bild {

}
.hg_blau_t {
    background-color: #003d7c;
    background-color: rgba(0,61,124,0.8);
}
.divinhalt
 {
      padding-right: 0;
      padding-left: 0; 
}
.grid-container.hg_blau_t, .grid-container.hg_weiss_t 
 {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}

.hg_weiss_t {
    background-color: #FFFFFF;
    background-color: rgba(255,255,255,0.8);
}
.hg_weiss_t * {
    color: #626a6f;
}

.listarticle {
    margin-bottom:25px;
    padding: 25px 10px;
}
.ver_ort, .article .header h3 a {color:#af1280;font-size: 20px;font-weight: 600;}
.mediaelement {
    margin-bottom: 20px;
}
.news-img-wrap {
    margin-bottom: 15px;
}
.teaser.htright, .teaserhtright, .teaser.htleft {
  color: #af1280;
border: 1px solid #af1280;
position: relative;
padding: 6px 25px;
margin-top: 40px;
display: inline-block;
z-index: 1;
font-size:16px;  
font-weight: normal;
}
.teaser.htright::before, .teaserhtright::before, .teaser.htleft::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #af1280;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.teaser.htleft::before {
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
}

.teaser.htright:hover, .teaserhtright:hover, .teaser.htleft:hover {
  color:#FFFFFF;
  border:1px solid #af1280;
  }

.teaser.htright:hover::before, .teaserhtright:hover::before, .teaser.htleft:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.news-text-wrap .teaserhtright {margin-top:0;}
.uberschrift {
    text-align: center;
    width: 100%;
}
.einzel_b {
    padding: 5px 10px;
    background: url(../../../user_upload/basic/pfeil-weiter.png) no-repeat right 10px center #af1280;
}
.einzel_b * {
    color: #FFFFFF;
  
}

.quick_b h2 {
    color: #FFFFFF;
    text-align: center;
}
.mhkmap {width:100%; height:600px;}
div#footer {
  margin-top:5px;
}
div#footer * {color:#FFFFFF;}
div#footer p, div#footer a {font-size:10px;}
div#sidebar {
    position: absolute;
    top: 300px;
    right: calc(55px - 50vw);
    /* right: 0; */
    width: 50vw;
    overflow: hidden;
    padding-left: 0px;
    transition:all 01s ease-in-out;
    /* clip: rect(0px,55px,52px,0px); */
}
div#sidebar:hover {right:0;/* clip:rect(0px,50vw,50px,0px); */width: 50vw;}
#sidebar .ausloeser {
    padding-left: 55px;
    width: 55px;
    background: url(/fileadmin/user_upload/basic/side-bar-telefon.png);
    height: 52px;
    float: left;
}
#sidebar .sidephone {
  background-color: #af1280;
  color:#FFFFFF;
  float:left;
  padding:14px;
  width: calc(100% - 55px);
}
#sidebar .sidebild span {
    width:100%;
    display:block;
}

#sidebar .ausloeser:hover .sidebild {opacity: 1;visibility: visible;}
.ausloeser, .sidebild {transition:all 0.5s;}
.supersize {position:static; z-index:-1; width:100%; height:100%; top:0;}

.supersize img {
  width: 100%;
}
.supersize li {list-style: none;}
.supersize ul {margin: 0;overflow: hidden;}


@media screen and (min-width: 640px) {
.grid-container.hg_blau_t, .grid-container.hg_weiss_t 
 {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; 
}
  
.supersize {position:absolute; top:125px;}  
.referenz_b {
    margin-bottom: 30px;
}
  .news-img-wrap {
    margin-bottom: 0;
}
}
@media screen and (min-width: 1024px) {
.supersize {top:200px;}  
.icon_l {margin: 0 auto 0px auto;} 
}