/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/muli-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('../fonts/muli-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v16-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}

/* muli-900 - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/muli-v16-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Muli Black'), local('Muli-Black'),
       url('../fonts/muli-v16-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v16-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v16-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v16-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v16-latin-900.svg#Muli') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('../fonts/roboto-condensed-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../fonts/roboto-condensed-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

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


body {
        overflow-x:hidden;
        position:relative;
        margin: 0;
        padding:0;
        font-family: 'Muli', sans-serif;
        font-weight:400;
        font-size: 13px;
        line-height: 1.5em;
        color: #666666;
        background: #fff;
        hyphens: auto;
}
header {
        position: static;
        top: 0;
        min-height: 110px;
        width: 100%;
        z-index: 5000;
        background-color: #823871;
}
.js header {
        position: fixed;
        top: 0;
        min-height: 110px;
        width: 100%;
        z-index: 5000;
        background-color: #823871;
}
.oldie header {
        position: static;
        top: 0;
        min-height: 110px;
        width: 100%;
        z-index: 5000;
        background-color: #823871;
}
.header {
        padding: 0px 20px;
}
.page_container {
        margin-top: 0px;
}
.js .page_container {
        margin-top: 163px;
}
.oldie .page_container {
        margin-top: 0px;
}
.alignCenter {
        text-align: center;
}

h1, h2, h3, h4, h5, h6 {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        color: #444;
        margin-top: 0;
        margin-bottom: 15px;
        line-height: 1.15;
}
h1 {
        font-size: 28px;
}
h2 {
        font-size: 12px;
        text-transform: uppercase;
        color: #777;
        padding-bottom: 10px;
        margin-bottom: 10px;
        letter-spacing: 2px;
        word-spacing: 5px;
        line-height: 1.5;
        font-family: 'Muli', sans-serif;
        font-weight: 400;
}
h3 {
        font-size: 20px;
}
h3.jahreszahl {
        font-size: 30px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #444;
        display: inline-block;
        padding: 5px 15px 5px 15px; 
        color: #fff;
}
h5 {
        font-size: 13px;
        color: #666666;
        margin: 20px 0 10px 0;
        font-family: 'Muli', sans-serif;
        font-weight: 900;
}
.page-header {
        margin: 50px 0 30px;
        border-bottom: 1px solid #823871;
}
.page-header h1 {
        font-size: 2.0rem;
        margin-bottom: 0px;
}
.page-header h2 {
        font-size: 1.2rem;
        text-transform: none;        
        color: #999999;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        letter-spacing: 0px;
        word-spacing: 0px;
}
.headlineMitLinie {
        padding: 0px 0;
        position: relative;
}
.sectionHeaderH2 {
        font-size: 31px;
      /*  text-transform: none; */        
        color: #565656;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 300;
        letter-spacing: 0px;
        word-spacing: 0px;
        text-align: center;          
        padding: 0px 30px;
        background: #fff;        
}
.bgGrey .sectionHeaderH2 {
        background: #e6e6e6;
}
.dividerLine {
    border-bottom: 1px dotted #565656;
    position: absolute;
    top: 50%;
    width: 100%;
}
.headlineMitLinie .sectionHeaderH2 {
        position: relative;
        display: inline-block;
}
.centerContainer {
        position: relative;
        text-align: center;
}
.fliessText p {
        font-size: 13px;
        line-height: 1.6;
}
a {
        color:#823871;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
}
a:hover, a:focus {
        text-decoration:none;
        color:#999;
}

.fleft {float:left;
}
.fright {float:right;
}
.clear {
        height:0;
        clear:both;
        font-size:0;
}
img {
        outline:0;
        vertical-align:top;
}
.logo {
        margin-bottom: 30px;
        margin-top: 30px !important;
}
.logo img {max-width:100%;
}
/* modernizer.js: bei deaktiviertem Javascript wird diese KLasse verwendet, statt der nachfolgenden KLasse */
/* mit dem modernizer.js ist das eine Fallback-L�sung, falls Javascript deaktiviert ist - die .js-Klasse ist der Normalzustand, der die vorhergehende Klasse bei aktiviertem Javascript �berschreibt */

.topNav {
        margin: 0;
}
/*.js .topNav {
        margin: 0;
} */

/*.fa {
    display: none;
}
.fontface .fa {
    display: inline-block;
} */



/* Anfang: Begrenzung der Breite des Sliders in alten IE's und Opera auf 980px sowie zentrierte Platzierung */
.oldie .camera_wrap {
width: 940px;
margin: auto;
float: none;
}
.oldie #main_slider {
margin-top: 0;
margin-right: 0px;
margin-bottom: 0;
margin-left: 0px;
padding-bottom: 0px;
}
.oldie .header {
width: 940px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
}
/* Ende: Begrenzung der Breite des Sliders in alten IE's und Opera auf 980px sowie zentrierte Platzierung */
.container {
      padding: 0px 15px;
}
.containerVolleBreite {
      padding: 80px 0px;
}
.bgGrey {
      background: #e6e6e6;
}
.subheader {
      background: #485866;
      width: 100%;
}
.oldie .subheader {
      background: #485866;
      width: 100%;
}
.subheader .container {
      padding: 0px 0 0px 0;
}
.oldie .subheader .container {
      background: #ececec;
}

.abstand-oben-10px {
        margin-top: 10px;
}
.abstand-oben-20px {
        margin-top: 20px;
}
.abstand-oben-30px {
        margin-top: 30px;
}
.abstand-oben-40px {
        margin-top: 40px;
}
.abstand-oben-50px {
        margin-top: 50px;
}
.abstand-oben-60px {
        margin-top: 60px;
}
.abstand-oben-70px {
        margin-top: 70px;
}
.abstand-oben-80px {
        margin-top: 80px;
}
.abstand-oben-90px {
        margin-top: 90px;
}
.abstand-oben-100px {
        margin-top: 100px;
}
.abstand-unten-10px {
        margin-bottom: 10px;
}
.abstand-unten-20px {
        margin-bottom: 20px;
}
.abstand-unten-25px {
        margin-bottom: 25px;
}
.abstand-unten-30px {
        margin-bottom: 30px;
}
.abstand-unten-35px {
        margin-bottom: 35px;
}
.abstand-unten-40px {
        margin-bottom: 40px;
}
.abstand-unten-50px {
        margin-bottom: 50px;
}
.abstand-unten-60px {
        margin-bottom: 60px;
}
.abstand-unten-70px {
        margin-bottom: 70px;
}
.abstand-unten-80px {
        margin-bottom: 80px;
}
.abstand-unten-90px {
        margin-bottom: 90px;
}
.abstand-unten-100px {
        margin-bottom: 100px;
}
.abstand-links-20px {
        margin-left: 20px;
}
/*.span6:first-child {
        margin-left: 0px !important;
}*/
.pt30 {
        padding-top: 30px;
}
.pt50 {
        padding-top: 50px;
}
.pt80 {
        padding-top: 80px;
}
.pb30 {
        padding-bottom: 30px;
}
.pb50 {
        padding-bottom: 50px;
}
.pb80 {
        padding-bottom: 80px;
}
.mr40 {
        margin-right: 40px;
}

.teaser {
        background-color: #fff;
        border: 15px solid #fff;  
        color: #555555;      
        padding: 0px;           
        margin-bottom: 20px;
        overflow: hidden;
        /*-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);*/ 
        /*  -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; */         
}
/*.teaser-header {
        -webkit-border-top-right-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-radius-topright: 6px;
        -moz-border-radius-topleft: 6px;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        padding: 14px;
        background-color: #0074ac;
} */
.teaser-image-frame {
        background-color: #823871;       
        position: relative;
        z-index: 0;
       /* background-color: #004d72; */
       /* -webkit-border-top-right-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-topleft: 10px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px; */
}
.teaser-image img {    
        z-index: -1;
        /*    position:relative; */
        /*-webkit-border-top-right-radius: 10px;
        -webkit-border-top-left-radius: 10px;
        -moz-border-radius-topright: 10px;
        -moz-border-radius-topleft: 10px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px; */
}
.teaser-image a {
        height: 100%;
}
.teaser-body {
        padding: 30px 15px 15px 15px;        
        font-size: 13px;
      /*  background-color: #0074ac;
        background-image: url("../images/bg-teaser-body.jpg");
        background-position: left bottom;
        background-repeat: repeat-x; */
     /*   -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px; */
        }
.teaser-body p {
        margin: 0 0 10px 0;
}
.teaser-body h3 {
        color: #999;
        font-size: 17px;
        text-decoration: none;
        text-transform: uppercase;
        background-image: url("../images/square-violett-10x10px.png");
        background-position: 0px 6px;
        background-repeat: no-repeat;
        padding-left: 15px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 300;
        border-bottom: 1px dotted #565656;
        padding-bottom: 10px;
        margin-bottom: 25px;
}
.teaser-body h2 {
        color: #565656;
        font-size: 32px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        text-transform: none;
        margin-bottom: 5px;
        letter-spacing: 0px;
        word-spacing: 0px;
        line-height: 1.0;
        padding-bottom: 0;
}
.teaser .teaserLink {
        color:#823871;
        font-weight: 900;
}
.teaser:hover .teaserLink {
	color: #aaa;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;        
}



.nav > li a:hover, .nav > li a:focus {
    background-color: #eeeeee;
}
.nav li.current {
      background: #fff;
}
.nav li.current > a {
    border-right: 0px solid #dddddd;
}
/*.nav > li:hover > .nav-icon-circle-chevron-down-grau {
      background-image: url("../images/nav-icon-circle-chevron-down-weiss.png");
} */

#footer ul {
        padding:0;
        margin:0;
        list-style:none;
}
#footer {
        position:relative;
        margin:0 0px;
        padding:22px 0px 0;
        background:#485866;
        color:#fff;
}
#footer a {
        color:#fff;
}
#footer a:hover {
        color:#ccc;
}
#footer h2 {
        margin-bottom:5px;
        background:none;
        border-bottom: 0;
        text-transform: none;
        line-height:1.5em;
        color:#fff;
        font-size:20px;
        letter-spacing: 0px;
        word-spacing: 0px;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
}
#footer p {
        margin-bottom:50px;
        font-size: 12px;
}
.footer-siegel {
        margin-bottom: 30px;
}
/* Hiermit wird der selbe Hover-Effekt erzeugt, wie nachstehend. Allerdings wäre hier bei Hover sogar ein Austausch des Bildes möglich - zum Beispiel gegen ein Schwarz-Weiss-Bild.
.endoCert-Logo {
        height: 100px;
        width: 100px;
        background: url("../images/endocert-100px.png") no-repeat;
        display: block;
        opacity: 1;
        transition: all 0.3s ease-in-out 0s;
}
.endoCert-Logo:hover {
        background: url("../images/endocert-100px.png") no-repeat;
        transition: all 0.3s ease-in-out 0s;
        opacity: 0.5;
}   */
.footer-siegel img {
        opacity: 1;
        transition: all 0.3s ease-in-out 0s;
}
.footer-siegel img:hover {
        transition: all 0.3s ease-in-out 0s;
        opacity: 0.5;
}
.iconContainerCenter {
        margin: 0px;
        text-align: center;
}
#footer .iconContainerCenter {
        margin-bottom: 15px;
}
#footer .tags {
        margin:0 0px 20px 0px;
}
#footer .tags li {
        display:inline-block;
        margin:0 0px 3px 0px;
        padding:0 12px;
        height:30px;
        line-height:30px;
        background-color:#384048;
        background-position:0 0;
        background-repeat:no-repeat;
        color:#b2b2b2 !important;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        font-size: 11px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
}
#footer .tags li:hover {
        background-color:#3183cd;
        text-decoration:none;
        color:#fff  !important;
        cursor: pointer;
}
.footer_bottom {
        margin:0 0px;
        background:#242B32;
        padding:10px 0px 13px 0px;
        color: #707070 !important;
}
.footer_bottom .container {
        padding: 0px;
}
.copyright {
        padding:0;
        font-size:13px;
        min-height: 33px;
        display: flex;
        align-items: center;
        justify-content: center; 
}
.copyright img {
        float: left;
}
.copyrightText {
        margin-left: 20px;
}
.owlMedia {
        font-size: 10px;
        padding-top: 8px;
}
.owlMedia a {
        color:#bbb !important;
}
.owlMedia a:hover {
        color:#0074ac !important;
}
.well {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin-bottom: 50px;
     /*   background: url("../images/well-bg-image-01.jpg") repeat-y; */
}
.well h4 {
        font-size: 26px;
        margin-top: 13px;
}
.a-well {
        color: #666666 !important;
        display: block;
}
.a-well:hover {
        color: #000 !important;
        transition: all 0.3s ease-in-out 0s;
        opacity: 0.6;
}
.wellAusbildung {
        background: none;
        background-color: #0055a0;
        border: 0px;
}
.wellAusbildung h4 {
        color: #fff;
        
}
.wellAusbildung p {
        color: #fff !important;
}
.wellStellenangebote {
        background-color: #535353;
        border: 0px;
}
.wellStellenangebote h4 {
        color: #fff;
}
.wellStellenangebote p {
        color: #fff !important;
}

.small-slider {
        margin: 0 -20px;
        background-color: #e6e6e6;
        position: relative;
        z-index: 0;
}
#main_slider_js-fallback {
        text-align: center;
        width: 100%;
        height: 499px;
        background-image: url("../images/slider/intern-01.jpg");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
}
.js #main_slider_js-fallback {
        display: none;
}
#main_slider_js-fallback-en {
        text-align: center;
        width: 100%;
        height: 499px;
        background-image: url("../images/slider/intern-01.jpg");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
}
.js #main_slider_js-fallback-en {
        display: none;
}
#main_slider2 {
        text-align: center;
        width: 100%;
      /*  height: 400px; */ 
        /*background-image: url("../images/slider/titelbild-test2.jpg");*/
        background-image: url("../images/slider/titelbild-firmenchronik.jpg");
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;   
        border-bottom: 15px solid #fff;
        box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.5);
      /*  margin: 0 -20px; */
        padding-bottom: 0;
}


/* SlideDown element */
.slideDown{
        padding:0 0px 0 0; margin: 0 0 10px;
        background: url("../images/bg-footer.png") repeat-y scroll 50% 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #0074ac;
        }
        .slideDown dt{
                 /*  background-color:#ececec; */
                 /*  background-color:#ececec; */
                /*   background-image:url(../images/arrow1.png); background-repeat:no-repeat;background-position:100% 15px; */
                   background-image:url(../images/icon-plus-v01-weiss-01.png); background-repeat:no-repeat;background-position: right 15px center;
                   /*box-shadow:1px 1px 1px #d1d1d1;-moz-box-shadow:1px 1px 0 #d1d1d1;-webkit-box-shadow:1px 1px 0 #d1d1d1;*/
                   color:#fff;
                   padding:15px 15px 15px 21px;
                   margin-bottom:0px;
                   font-weight:bold;
                   display:block;
                   font-size:15px;
                   /*line-height: 20px;*/
                   cursor:pointer;
                   -webkit-border-radius: 10px;
                   -moz-border-radius: 10px;
                   border-radius: 10px;
                 /*  border: 1px solid #cccccc; */
                   transition: all 0.3s ease-in-out 0s;
                   }
        .slideDown dt:hover,.slideDown dt.active{/*background-color:#0074ac;*/color:#fff;text-shadow:0 0 5px #fff; border: 0px solid #0074ac;}
        .slideDown dt:hover{background-image:url(../images/icon-plus-v01-weiss-01.png)}
        .slideDown dt.active{background-image:url(../images/icon-minus-v01-weiss-01.png)}
        .slideDown dd{display:none;padding:20px 20px 20px 20px;margin-left: 0px;background-color:#fff;border-radius: 10px;}
        #block dd{display:block}
        .slideDown.absolute{position:relative;}
        .slideDown.absolute dd{position:absolute;z-index:999;background:url(../images/texture.gif) 50% 0 repeat #fff;}
.slideDown2{padding:0 1px 0 0; margin: 0 0 10px; overflow: hidden;}
        .slideDown2 dt{
                   background-color:#ececec;
                 /*  background-color:#ececec; */
                /*   background-image:url(../images/arrow1.png); background-repeat:no-repeat;background-position:100% 15px; */
                   background-image:url(../images/icon-plus-v01-weiss-01-klein.png); background-repeat:no-repeat;background-position: right 15px center;
                   /*box-shadow:1px 1px 1px #d1d1d1;-moz-box-shadow:1px 1px 0 #d1d1d1;-webkit-box-shadow:1px 1px 0 #d1d1d1;*/
                   color:#666666;
                   padding:5px 5px 8px 21px;
                   margin-bottom:4px;
                   font-weight:bold;
                   display:block;
                   font-size:11.5px;
                   /*line-height: 20px;*/
                   cursor:pointer;margin-bottom:10px;
                   -webkit-border-radius: 10px;
                   -moz-border-radius: 10px;
                   border-radius: 10px;
                   border: 1px solid #cccccc;
                   transition: all 0.3s ease-in-out 0s;
                   }
        .slideDown2 dt:hover,.slideDown2 dt.active{background-color:#0074ac;color:#fff;text-shadow:0 0 5px #fff; border: 1px solid #0074ac;}
        .slideDown2 dt:hover{background-image:url(../images/icon-plus-v01-weiss-01-klein.png)}
        .slideDown2 dt.active{background-image:url(../images/icon-minus-v01-weiss-01-klein.png)}
        .slideDown2 dd{display:none;padding:10px 20px 20px 20px;margin-left: 0px;}
        #block dd{display:block}
        .slideDown2.absolute{position:relative;}
        .slideDown2.absolute dd{position:absolute;z-index:999;background:url(../images/texture.gif) 50% 0 repeat #fff;}
.slideDown3{padding:0 1px 0 0;font-size:12px; line-height:16px;color:#686868;width:610px;margin: 0 0 10px;}
        .slideDown3 dt{
                    background-color:#e4e4e4;
                    background-image:url(../images/arrow1.gif);background-repeat:no-repeat;background-position:100% 11px;
                    box-shadow:1px 1px 1px #d1d1d1;-moz-box-shadow:1px 1px 0 #d1d1d1;-webkit-box-shadow:1px 1px 0 #d1d1d1;
                    color:#555;
                    padding:9px 0 9px 21px;
                    margin-bottom:4px;
                    font-weight:bold;
                    display:block;
                    font-size:12px;
                    line-height: 10px;
                    cursor:pointer;margin-bottom:10px}
        .slideDown3 dt:hover,.slideDown3 dt.active{background-color:#bbb;color:#fff;text-shadow:0 0 5px #fff}
        .slideDown3 dt.active{background-image:url(../images/arrow2.gif)}
        .slideDown3 dd{display:none;padding:10px 20px 20px 20px;}
        #block dd{display:block;}
.slideDown4{padding:0 1px 0 0; margin: 0 0 10px;}
        .slideDown4 h2{
                   background-color:#ececec;
                   background-image:url(../images/arrow1.png); background-repeat:no-repeat;background-position:100% 15px;
                   box-shadow:1px 1px 1px #d1d1d1;-moz-box-shadow:1px 1px 0 #d1d1d1;-webkit-box-shadow:1px 1px 0 #d1d1d1;
                   color:#555;
                   padding:9px 0 9px 21px;
                   margin-bottom:4px;
                   font-weight:bold;
                   display:block;
                   font-size:13px;
                   line-height: 20px;
                   cursor:pointer;margin-bottom:10px;
                   border-bottom: 0px;
                   letter-spacing: 0;
                   text-transform: none;
                   word-spacing: 0;
                   font-family: "Muli", sans-serif;
                   }
        .slideDown4 h2:hover,.slideDown4 h2.active{background-color:#0074ac;color:#fff;text-shadow:0 0 5px #fff}
        .slideDown4 h2.active{background-image:url(../images/arrow2.png)}
        .slideDown4 .sD4{display:none;padding:10px 20px 20px 20px;}
        #block .sD4{display:block}
        .slideDown4.absolute{position:relative;}
        .slideDown4.absolute dd{position:absolute;z-index:999;background:url(../images/texture.gif) 50% 0 repeat #fff;}
.noscript {padding:10px 20px 20px 20px;}


.borderBottomDotted {
        border-bottom: 1px dotted #cccccc;
        padding-bottom: 15px;
}

/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}
.element {
  overflow: hidden;
  position: relative;
  margin-bottom:20px;
}
.element img {max-width:100%;
}

#options {padding:0 0 10px 0;
}
#filters {
        position: relative;
        padding:0;
        margin:25px 0 0 0;
}

#filters li {
        display:inline-block;
  background-image: none;
  padding-left: 0;
}
#filters li a,
.tags a {
        display:inline-block;
        margin:0 0 4px 0;
        padding:0 11px;
        height:28px;
        line-height:28px;
        background-color:#393939;
        background-position:0 0;
        background-repeat:no-repeat;
        color:#c5c5c5 !important;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: linear-gradient(to bottom, #666666, #393939);
  background-repeat: repeat-x;
}
#filters li a:hover,
#filters li a.selected,
.tags a:hover {
        background-color:#0074ac ;
        text-decoration:none;
        color:#fff  !important;
  background-image: linear-gradient(to bottom, #0088cc, #0074ac);
  background-repeat: repeat-x;
}

/**** Isotope CSS3 transitions ****/

/*.teaserMarginChange .span4 {
      margin-left: 0;
}
.teaserMarginChange .teaser {
      width: 280px;
      margin-right: 20px;
} */




.download-bereich {
    font-size: 11px;
}
.download-bereich td {
    line-height: 1.5em;
    vertical-align: middle;
}
.download-bereich i {
    font-size: 24px;
}
.randLinks0 .span3 {
    margin-left: 0px;
}
.randLinks0 .span4 {
    margin-left: 0px;
}
.randLinks0 .span5 {
    margin-left: 0px;
}
.randLinks0 .span8 {
    margin-left: 0px;
}
.table {
    margin-bottom: 42px;
}
.randRechts20px {
    margin-right: 20px;
}
.randRechts30px {
    margin-right: 30px;
}
.randRechts40px {
    margin-right: 40px;
}



/*hr {    achtung: Es verändert sich das HR in der Kontaktbox auf der Terminseite, wenn man diesen HR aktiviert!
    border-top: 1px dotted #cccccc;
    padding: 20px 0 0;
} */
/*.headerStatisch {
    position: static !important;
} */




.map-container {
	width: 100%;
        /*max-width: 1920px;
        max-height: 450px;*/
	margin: 50px 0 0 0;
        border: 0px solid #ccc;
        background-color: rgba(0,0,0,1.0);
}
.map-container iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
        border: 0px solid #ccc;
}
.map-container iframe.clicked{
	pointer-events: auto;
} 
.mapAbstandUnten0 {
  padding-bottom: 0 !important;
}
/* Google Maps iframe-Privacy-Fenster */
div.privacy-msg p {
        max-width:800px;
        border: 1px solid #fff;
        padding: 15px;
        text-align:center;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);    
        /*-webkit-box-shadow: 0 10px 6px -6px #777;
           -moz-box-shadow: 0 10px 6px -6px #777;
                box-shadow: 0 10px 6px -6px #777;*/
        color: #fff;
        line-height: 1.5;
        font-size: 13px;
        font-family: "Roboto Condensed",sans-serif;
        font-weight: 300; 
        background-color: rgba(0,0,0,0.8);       
}
div.privacy-msg p label {
        font-size: 13px;        
}
div.privacy-msg a {
        font-weight: 700;
        font-size: 18px;        
}
.ankerOffset::before {
        display: block;
        content: "";
        height:203px;
        margin-top: -203px;
        visibility: hidden;
}
.mapBG {
        background-repeat: no-repeat;
        background-position: center top;
        background-color: rgba(0,0,0,0.8);
        /*background-blend-mode: darken;*/
}  
.mapFuR {
        background-image: url('../images/googlemaps-FuR.jpg');
}
.mapFRK {
        background-image: url('../images/googlemaps-FRK.jpg');
}
  
/* Flexisel
==========================*/
.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px; 
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
  /*  float:left; */
    width:90%;
    margin: auto;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 0px;
    height:auto;
}
/*** Flexisel: Schöner Hover-Effekt auf Bilder - siehe Template Yellow ***/
#clients img:hover {
		opacity: 0.5;
		-webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out; 
    -ms-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
}
#clients h3 a:hover{
    color: #ffc400;
}
/*** Flexisel Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 32px;
    height: 32px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}
.nbs-flexisel-nav-left {
    left: 10px;
    background: url(../images/button-previous.png) no-repeat;
}
.nbs-flexisel-nav-right {
    right: 5px;
    background: url(../images/button-next.png) no-repeat;
}
/*** Flexisel eigene Styles ***/  
.bilderRahmenWeiss img {
    border: 10px solid #fff;
}
.slideDown .nbs-flexisel-nav-left {
    top: 55px !important;    
}
.slideDown .nbs-flexisel-nav-right {
    top: 55px !important;
}
.slideDown .nbs-flexisel-container {
    background: #eee none repeat scroll 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 30px;
}
/*** Promobox ***/
.promobox {
    background: #d3d3d3 none repeat scroll 0 0;
    color: #fff;
    padding: 50px 0 70px;
}
.promobox p {
    color: #fff;
    line-height: 40px;
    font-size: 28px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 0;
}
a.btn-transparent {
    border: 2px solid #fff;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    padding: 8px 28px;
    text-transform: uppercase;
    background: none; 
    text-shadow: none;
    transition: all 0.3s ease 0s;
}
a.btn-transparent:hover, a.btn-transparent:focus {
  color: #d3d3d3;
  background-color: #fff;
  border: 2px solid transparent;
  transition: all 0.3s ease 0s;
}
.kunden-galerie img {
    background: #fff; 
    width: 16%; 
    padding: 35px;
    margin: 5px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.kunden-galerie img:hover {
		opacity: 0.5;
		-webkit-transition: all 0.3s ease-out; 
    -moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out; 
    -ms-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
}
/* Entfernt bei der PrettyPhoto-Lightbox die Seitenzahlen */
.currentTextHolder {
    display: none;
}
/* Formatierung Datenschutzerklaerung */
.datenschutzerklaerung {
    text-align: left;
}
.datenschutzerklaerung p, .datenschutzerklaerung li {
    font-size: 12px;
}
.datenschutzerklaerung li {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 25px;
}
.datenschutzerklaerung li li {
    list-style-type: disc;
}
.dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
}
.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
.flex-row {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}
.align-items-start {
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important;
}
.text-white {
	color: #fff !important;
}
.pr-2, .px-2 {
	padding-right: 0.5rem !important;
}
.pl-2, .px-2 {
	padding-left: 0.5rem !important;
}
.pb-3, .py-3 {
	padding-bottom: 1rem !important;
}
.pb-3, .py-3 {
	padding-bottom: 1rem !important;
}
.hkk-section-h1-white {
        color: #fff;
        border-bottom: 1px solid white;
        display: inline;
}
#footer h3 {
        font-size: 16px;
}
#footer ul {
        list-style-image: url("../images/sqpurple.png");
        margin-bottom: 2rem;
        padding-left: 1em;
}
.d-flex .teaser-body {
        padding: 15px 15px 15px 30px;
        width: 75%;
}
.d-flex {
        align-items: center;
}
.downloadIcon {
        align-items: stretch;
}
.downloadIcon .teaser-image-frame {
        align-items: stretch;
        width: 25%; 
        display: flex; 
        align-items: center; 
        justify-content: center;
        font-size: 100px; 
        color: #fff;
}
.teaser:hover .teaser-image-frame {
	background-color: #aaa;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.teaser:hover .teaser-image img {
	opacity: 0.5;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}