/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
}
body {
  background:rgba(69,76,79, 0.85);
}

/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {

}
/* Landscape phones and down */
@media (max-width: 480px) {

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}
/* Large desktop */
@media (min-width: 1200px) {

}

/* ADD ON
*********************************************/


/* LAYOUT
*********************************************/


.marketing{
	margin:20px 0 20px 0;
	}

.navbartop-container {
width:100%;    }

.navbar {
    padding: 0;
  /*  background:#222222; */
    max-width: 1300px !important;
    margin-right:auto !important;
  /*  padding-left:15px !important;
    padding-right:15px !important;*/
    }








    /**********************************************************
    	ADDONCSS
    **********************************************************/





    /* CUSTOMIZE THE FONTS - LINKS - ELEMENTS
    -------------------------------------------------- */

    /**********************************************************
    	Webfonts auf den eigenen Server
    **********************************************************/

    /* montserrat-300 - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 300;
      src: url('../fonts/montserrat-v12-latin-300.eot'); /* IE9 Compat Modes */
      src: local('Montserrat Light'), local('Montserrat-Light'),
           url('../fonts/montserrat-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/montserrat-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts/montserrat-v12-latin-300.woff') format('woff'), /* Modern Browsers */
           url('../fonts/montserrat-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/montserrat-v12-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    /* montserrat-regular - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      src: url('../fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
      src: local('Montserrat Regular'), local('Montserrat-Regular'),
           url('../fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('../fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    /* montserrat-300italic - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 300;
      src: url('../fonts/montserrat-v12-latin-300italic.eot'); /* IE9 Compat Modes */
      src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
           url('../fonts/montserrat-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/montserrat-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts/montserrat-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
           url('../fonts/montserrat-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/montserrat-v12-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    /* montserrat-500 - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      src: url('../fonts/montserrat-v12-latin-500.eot'); /* IE9 Compat Modes */
      src: local('Montserrat Medium'), local('Montserrat-Medium'),
           url('../fonts/montserrat-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/montserrat-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts/montserrat-v12-latin-500.woff') format('woff'), /* Modern Browsers */
           url('../fonts/montserrat-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/montserrat-v12-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    /* montserrat-italic - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 400;
      src: url('../fonts/montserrat-v12-latin-italic.eot'); /* IE9 Compat Modes */
      src: local('Montserrat Italic'), local('Montserrat-Italic'),
           url('../fonts/montserrat-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/montserrat-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts/montserrat-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
           url('../fonts/montserrat-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/montserrat-v12-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    /* montserrat-500italic - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 500;
      src: url('../fonts/montserrat-v12-latin-500italic.eot'); /* IE9 Compat Modes */
      src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
           url('../fonts/montserrat-v12-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/montserrat-v12-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts/montserrat-v12-latin-500italic.woff') format('woff'), /* Modern Browsers */
           url('../fonts/montserrat-v12-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/montserrat-v12-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    /* montserrat-700 - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      src: url('../fonts/montserrat-v12-latin-700.eot'); /* IE9 Compat Modes */
      src: local('Montserrat Bold'), local('Montserrat-Bold'),
           url('../fonts/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/montserrat-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts/montserrat-v12-latin-700.woff') format('woff'), /* Modern Browsers */
           url('../fonts/montserrat-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/montserrat-v12-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
    }
    /* montserrat-700italic - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 700;
      src: url('../fonts/montserrat-v12-latin-700italic.eot'); /* IE9 Compat Modes */
      src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
           url('../fonts/montserrat-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../fonts/montserrat-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../fonts/montserrat-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
           url('../fonts/montserrat-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/montserrat-v12-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
    }


    /**********************************************************
    	Webfonts auf den eigenen Server 	ENDE
    **********************************************************/
    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: "Montserrat", "Helvetica Neue",Helvetica,Arial,sans-serif !important;*/
    	font-size:12px !important;
      line-height:1.5em !important;
    }

    h1,
    .h1
     {
    	font-family: 'Montserrat', sans-serif;
    	color: #ffffff /*#DB007A*/ !important;
    	font-size:26px !important;
    	font-weight:normal; /*500*/;
      text-align: center;
      line-height: 130%;
      margin: 0 0 0.25em;
      text-transform: normal;
    }


    h2,
    .h2
     {
    	font-family: 'Montserrat', sans-serif;
    	color: #ffffff !important;
    	font-size:22px !important;
        font-weight: normal;
        line-height: 130%;
        margin: 0 0 0.25em;
        text-transform: normal;
    }

    h3,
    .h3
     {
    	font-family: 'Montserrat', sans-serif;
    	color: #ffffff !important;
    	font-size:22px !important;
        font-weight: normal;
        line-height: 130%;
        margin: 0 0 0.25em;
        text-transform: normal;
    }



    h4,
    h5,
    h6,
    .h4,
    .h5,
    .h6 {
    	font-family: 'Montserrat', sans-serif;
    	color: #ffffff !important;
    	font-size:13px !important;
        font-weight: normal;
        line-height: 130%;
        margin: 0 0 0.25em;
        text-transform: normal;
    }

    p {
        font-family: "Montserrat" !important;
        line-height: 1.5em  !important;
        margin: 0 0 1em  !important;
    	font-size:14px;
    }

    a {
      color: #DB007A !important;
    }

    h1 a {
      color: #ffffff !important;
      text-align: center;
    }

    h2 a {
      color: #ffffff !important;
    }
    p a {
      color: #DB007A !important;
    }
    a:hover {
      color: #ffffff !important;
    }
    .article-info .category-name a {
      color: #DB007A !important;
    }
    .container {
      width: 1000px !important;
    }
    .row{
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    iframe {
    height:100%;
    width:100%;
    }
    img {
    max-width:100% !important;
    height:auto !important;
    }
    label{font-weight:normal !important;color:#ffffff;}
    legend{color:#fff !important;}

    .bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton
    {padding:5px 10px !important;background-color: #DB007A; color:#ffffff;border: none;
    }

    .bfPrevButton{padding:5px 10px !important;background-color: #DB007A; color:#ffffff;border: none;
    }

    /* PAGE / STAND
    -------------------------------------------------- */
    .page-container{
    	border:0px solid #cccccc;
    	background-color: #ffffff !important;
    	margin: auto;
    	max-width: auto;
    /*	margin-top:20px;
    	margin-bottom:0px;
    	-webkit-box-shadow: 0 0 5px 5px #d1d3d4;
    box-shadow: 0 0 5px 5px #a7a9ac;*/
    }


    /********************************************* LAYOUT *********************************************/





    /* CUSTOMIZE THE HEADER-TOP-CONTAINER
    -------------------------------------------------- */

    .header-top-cover {
      background: #fff; /*background-color:#d1d3d4;*/
      overflow: hidden;
    }
    .header-top-container {
      margin: auto;
      max-width: 1200px;
      height: auto;
    }

    .header-top-right{
      position:relative;
      top:100px;
      padding-top:0px;
    }
    .header-top-right p{
      height:20px;
      font-weight:bold;
    }

    .header-slideshow-cover {
      background: #fff;
      width:100%;
      height:auto;
    }

    .header-slideshow-container {
      margin: auto;
      background:rgba(69,76,79, 0.85);
    }

    .style-fz-mobile{
      margin:20px 0 20px 0;
      padding:0 20px;
    }


    /* SITENAME  NAVBAR
    -------------------------------------------------- */
    .style-sitename {
      display:inline;
      font-size:80%;
      font-weight:bold;
      color:#ffffff !important;
    }

    /* CUSTOMIZE THE BREADCRUMBS
    -------------------------------------------------- */

    .breadcrumbs-cover {
      background: #ffffff;
      height:20px;
    }
    .breadcrumbs-container {
      margin-bottom: 0px !important;
      border: 0px solid #DDDDDD !important;
      padding-left:30px !important;
      padding-right:30px !important;
      margin: auto !important;
      max-width:1400px;
      font-size:12px;
    }
    .breadcrumb{
    background: none !important;
    margin-bottom:0 !important;
    padding:0px 0 0px 0 !important;
    }


    .breadcrumbs{padding-left:15px;padding-right:15px;background:#ffffff;color:#444444;}

    /* CUSTOMIZE THE MARKETING 3
    -------------------------------------------------- */

    .marketing-cover {
      background: #E7EAEB;
      margin:10px 0 0 0;
    }
    .marketing-cover p{
      color:#e5e5e5;text-align:justify;
    }

    .marketing-container {
      margin: auto !important;
      max-width:1070px !important;
    }



    /*--------------------------------------------------
     CUSTOMIZE THE CONTENT
    -------------------------------------------------- */

    /*Startseite*/
    .start-dist{
      padding:20px !important;

    }

    /*  TESTEN TEXT VERTIKAL ZENTRIEREN */

    .vcenter {
      display: inline-block;
      vertical-align: middle;
      float: none;
/*       display: flex;
        align-items: center;*/

    }
/*
    .vcenter-parent {
        position: relative;
        transform-style: preserve-3d;
    }

    .vcenter {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
*/





.display-flex-center {
    display:flex;
    align-items:center;
}


.transform-center-parent {
    position: relative;
    transform-style: preserve-3d;
}




/*  TESTEN TEXT VERTIKAL ZENTRIEREN  ENDE  */



    .content-cover {
      background:rgba(69,76,79, 0.85);    /*#454C4F*/
      color: #444444 !important;
      padding:20px 0 20px 0;
    }

    .content-container {
      margin: auto !important;
      max-width:1400px !important;
      padding-left:15px;
      padding-right:15px;
    }
    .content-cover p{
      color: #ffffff;
        line-height: 2.2em  !important;
        margin: 0 0 1em  !important;
        font-size:105%;
    }

    .content-container .page-header{border-bottom: none !important;}


    .content-container img {
    }

    .content-container iframe {
    	border:1px solid #d4d4d4;
    	padding:0px;
    	/*-webkit-box-shadow: 0 0 3px 0 #C4C4C4;
    	box-shadow: 0 0 3px 0 #C4C4C4;*/

    }
    .page-header{display:none !important;}

    .content-container ul li{color:#ffffff !important;margin-left:20px;}

    hr.footer{border-top:1px dotted #cccccc; width:80%; margin:auto;display:block;height:15px;}

    /***************************************************************************
    Kontaktseite
    ****************************************************************************/

    .kontakt-cover {
      background:rgba(69,76,79, 0.85);
      color: #ffffff !important;
      padding:20px 0 20px 0;
    }

    .kontakt-container {
      margin: auto !important;
      max-width:1000px !important;
      padding-left:15px;
      padding-right:15px;
    }

    .kontakt-cover p{
      color: #ffffff;
        line-height: 2.2em  !important;
        margin: 0 0 1em  !important;
    }

    .kontakt-container ul li{color:#ffffff !important;margin-left:20px;}

    .bfQuickMode button[type='submit'], .bfQuickMode button[type='reset'] {
      padding: 2px 5px 2px 5px;
      margin: 0px;
      outline: none;
      color: #fff;
      font-weight: normal;
      font-size: 100%;
      background: #DB007A !important;
      text-shadow: #000 0px 0px 0px !important;
      border: 0px solid #00388a  !important;
      border-radius: 0px  !important;
      -moz-border-radius: 0px !important;
      -webkit-border-radius: 0px  !important;
      }

.ff_elem{background-color: transparent;}

    /***************************************************************************
    IMpressum/DAtenschutz
    ****************************************************************************/

     .tausendpx-cover{
      background:rgba(69,76,79, 0.85);
      color: #444444 !important;
      padding:20px 0 20px 0;
    }

    .tausendpx-container {
      margin: auto !important;
      max-width:1000px !important;
      padding-left:15px;
      padding-right:15px;
    }

    .tausendpx-cover p{
      color: #ffffff;
        line-height: 2.2em  !important;
        margin: 0 0 1em  !important;
    }

    .tausendpx-container ul li{color:#ffffff !important;margin-left:20px;}


    /***************************************************************************
    CTA im Content
    ****************************************************************************/

    .cta {background: #AC1540;}

    .cta-text{
    	font-size: 150%;
    	font-weight:500;
    	font-style:italic;
    	text-align:center;
    	padding: 50px 30px 40px 30px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	}

    .circle-top-right{
       margin-left:75px;
       padding:25px 0 20px 0;
       width: 124px;
       height: 124px;
       background: #AC1540;
       -moz-border-radius: 62px;
       -webkit-border-radius: 62px;
       border-radius: 62px;
       border:4px solid #BFC1C1

    }

    .circle-cta{
       padding:45px 0 20px 0;
       width: 220px;
       height: 220px;
       background: #DB007A;
       -moz-border-radius: 110px;
       -webkit-border-radius: 110px;
       border-radius: 110px;
       /*border:4px solid #BFC1C1;*/
       margin:auto;

    }
    .circle-cta p{
    	color:#FFFFFF;
    	text-align:center;
    	font-weight:bold;
    	line-height:160%;
    }


    .cut{clear: both; padding-top: 20px; padding-bottom: 20px; text-align: center;}
    .cut2{border-top-style: dotted; width: 80%; border-top-width: 1px; border-top-color: #cccccc; display: inline-block;}




    .square-row {
      margin: 0 20px;
    }

    .square {
      padding: 15px 15px 15px 15px;
    }

    .square_box {
      background-color: #DB007A;
      padding: 10px;
      text-align: center;
    }

    .square_box .a:hover{
      text-decoration:none !important;
    }

    .aktuell{margin:10px 0;}


    /***************************************************************************
    CTA  SQUARE
    ****************************************************************************/

    .square_box {
    background-color: #DB007A;
    padding: 10px;
    text-align: center;
    }



    /*--------------------------------------------------
     CUSTOMIZE THE REFERENZEN
    -------------------------------------------------- */


    .workgridrow{padding:0px;}
    .workgridcol{padding:0 15px 15px 15px;}
    .work-descr{padding:15px 10px 0 10px;text-align:center;}

    .workgridrow1{padding:0px;}
    .workgridcol1-dist{margin:10px;border:1px solid #cccccc;padding:10px;}
    .workgridcol1{padding:0 0 0 0;}
    .work-descr1{padding:15px 10px 0 10px;text-align:center;}

    .workgridcol1-dist a.hover{background-color: #DB007A;}

    a.tooltip {
      position: relative;
      text-decoration: none;
    }
    a.tooltip:after {
      content: attr(data-tooltip);
      position: absolute;
      bottom: 130%;
      left: 20%;
      background: #ffcb66;
      padding: 5px 15px;
      color: black;
      -webkit-border-radius: 10px;
      -moz-border-radius : 10px;
      border-radius : 10px;
      white-space: nowrap;
      opacity: 0;
      -webkit-transition: all 0.4s ease;
      -moz-transition : all 0.4s ease;
      transition : all 0.4s ease;
    }
    a.tooltip:before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-top: 20px solid #ffcb66;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      -webkit-transition: all 0.4s ease;
      -moz-transition : all 0.4s ease;
      transition : all 0.4s ease;
      opacity: 0;
      left: 30%;
      bottom: 90%;
    }
    a.tooltip:hover:after {
      bottom: 100%;
    }
    a.tooltip:hover:before {
      bottom: 70%;
    }
    a.tooltip:hover:after, a:hover:before {
      opacity: 1;
    }




    /* IMAGE ZOOM
    -------------------------------------------------- */

    * {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    .item {
      position: relative;

      border: 0px solid #333;
      margin: 0 20px 0 10px;
      /*overflow: hidden;*/
      width: 160px;
    }
    .item img {
      max-width: 100%;
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-box-shadow: 0 0 5px 5px #B3B3B3;
      box-shadow: 0 0 5px 5px #B3B3B3;
      border:1px solid #ffffff;
    }
    .item:hover img {
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
      -webkit-box-shadow: 0 0 5px 5px #B3B3B3;
      box-shadow: 0 0 5px 5px #B3B3B3;
      border:1px solid #ffffff;
    }

    .item-overlay{height:1px; }



    /* MODULBOXEN
    -------------------------------------------------- */

    .shadow-sidebar-right .moduletable{padding:0 0 40px 40px;}
    .moduletable.h3{text-align:center;}


    /* CUSTOMIZE THE NAVIGATION
    -------------------------------------------------- */

    li > a.ex {
    display: none;
    }


    #navbar-sticky-container.affix{
        position: fixed;
        z-index: 10000;
        top: 0;
      max-width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding-left: 0px !important;
      padding-right: 0px !important;

    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.55);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.55);
    }

    .abstand{position:relative; top:px;}

    .navbartop-container {
      position: relative;
      z-index: 99999;
      /*height: 30px !important;*/
      width: 100%;
      background:rgba(69,76,79, 0.85);
      padding-left: 0px !important;
      padding-right: 0px !important;
      border-bottom: 5px solid #DB007A !important;
     }


    .navbar {
      margin-bottom: 0 !important;
      height: 30px !important;
      max-width: 1200px !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
      border:none !important;
      border-radius: 0px !important;
      font-size:14px;
      }

    .navbar-nav item-101{}

    .navbar-nav {
        margin: 0px 0px !important;
    }

    .navbar-default .navbar-nav > li > a {
        color: #ffffff !important;
        text-transform: normal;
        font-weight:normal;
    	padding-left: 20px !important;
      	padding-right: 20px !important;
    }
    .navbar-brand, .navbar-nav > li > a {
        text-shadow: none !important;
    }

    .navbar-default .navbar-nav > .active > a {
    /*    background: #383838 !important;*/
        background-repeat: repeat-x;
        box-shadow: none !important;
          border-radius: 0px !important;

    }

    .navbar-brand, .navbar-nav > li > a:hover {
       background: #DB007A !important;
        color:#FFFFFF !important;
      border-radius: 0px !important;

    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: #DB007A !important; /* #ffff00 !important;*/
        color: #FFFFFF !important;
    	background-color: #DB007A !important;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #FFFFFF !important;
    		background-color: #DB007A !important;
    }

    .dropdown-menu {
        background-clip: padding-box;
        background-color: #e6e7e8 !important;
    	padding: 0 0 5px 0  !important;
    	border-top:0px solid #244678;
    }


    .dropdown-menu > li > a {
        clear: both;
        color: #DB007A !important;
        display: block;
        font-weight: normal;
        line-height: 1.42857;
        padding: 12px 20px !important;
        white-space: nowrap;
    }

    .dropdown-menu > li > a:hover {
    	color:#ffffff !important;
        background-color: #DB007A !important;
    	}
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #ffffff !important;
        background-color: /*#244678*/ none !important;
    }

    .open{background: #ffff00 !important;}

    .navbar-default {
        background-image:none  !important;
        background-repeat: no-repeat !important;
        border-radius: none !important;
        box-shadow:none !important;
    	background-color:transparent;
    }


    .navbar-collapse {
        border-top: 0px solid rgba(0, 0, 0, 0) !important;
        box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1) inset !important;
        max-height: 340px;
        overflow-x: visible;
    /*    padding-left: 20px;*/
    /*    padding-right: 20px;*/
    }

    .navbar-collapse {
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    }

    /*.navbar-ex1-collapse ul{background-color:#4f4f4f;}*/

    .navbar {background-color: transparent;}
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand {color: #f1f1f1;}
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {color: #f1f1f1; background-color: #b27677;}

    @media only screen and (max-width: 766px) {
    .collapsing, .in {background-color: #3f3f3f;}
    .collapsing ul li a, .in ul li a {color: #555!important;}
    .collapsing ul li a:hover, .in ul li a:hover {color: #f1f1f1!important;}
    }


    .navbar-brand{
        color: #ffffff !important;
        text-transform: normal;
        font-weight:bold;
    	padding-left: 30px !important;
      	padding-right: 30px !important;
    }

    .navbar-brand p{
        color: #ffffff !important;
        font-size: 14px !important;
        line-height: 1.42857 !important;
     }


    .navbar-default .navbar-toggle {border-color:none!important; background-color: none !important;}
    .icon-bar {background-color: #ffffff !important;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent !important;}

    .navbar-toggle-url-link.a {background:none !important; color:#FFFF00 !important;}

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        background-color: #DB007A !important;}

    /* Trennlinien Klappmenue */
    .item-115{border-top:0px solid #FFFF00;}
    .item-113{border-top:0px solid #FFFF00;}

    /***** Navbar Off Canvas ******/

    #wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
    }

    #sidebar-wrapper {
        z-index: 1;
        position: absolute;
        top: 0;
        width: 235px;
        height: 100%;
        right: -235px;
         -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #page-content-wrapper {
        width: 100%;
        position: absolute;
        right: 0;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .sidebar-nav {
        list-style: none;
        padding: 0;
    }

    .sidebar-nav li a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    #wrapper.toggled #sidebar-wrapper {
        right: 0;
    }

    #wrapper.toggled #page-content-wrapper {
        right: 235px;
    }

    /***** Navbar Off Canvas Ende  ******/


    /*  TAGS
    -------------------------------------------------- */
    .label-info{background:none;color:#333333 !important;}
    .label-info a{color:#e5e5e5 !important;}
    .label-info a:hover{color:#333333 !important;background:none !important;}
    .label-info:hover{color:#333333 !important;background:none !important;}




    .footer-top {
    background: rgba(51,51,51, 0.85);
    }

    .content-container-footer-top {
      margin: auto !important;
      max-width:100% !important;
    }

    /* CUSTOMIZE THE linkfooter
    -------------------------------------------------- */

    .footer-boxes{background-color:#5b5b5a !important;border-top: 5px solid #DB007A !important;padding:50px 0 50px 0;}

    .text h2{
    	font-family: 'Montserrat', sans-serif;
    	color:#ffffff !important;
    	font-size:22px !important;
        text-shadow: 2px 2px 1px rgba(50, 50, 50, 1);
    	}

    .footer-boxes p{color:#ffffff !important;}

     .footerbox{
     width:100%;
     z-index:99999;
     margin:auto;
     color:#ffffff;
     background: #bfc1c1;
      }

/*    .footerbox2{
    margin:auto;
    height:auto;
    font-size:12px;
    text-align:center;
    }*/

    .linkfooter-cover {
    /*  background: #2d2d2d !important;*/
      background: linear-gradient(top, #121212 0%, #121212 10%, #ffffff 100%); background: -moz-linear-gradient(top, #121212 0%, #121212 10%, #444444 100%); background: -webkit-linear-gradient(top, #121212 0%, #121212 10%, #444444 100%); background: -ms-linear-gradient(top, #121212 0%, #121212 10%, #444444 100%); background: -o-linear-gradient(top, #121212 0%, #121212 10%, #444444 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#121212, endColorstr=#444444,GradientType=1);
      color: #e5e5e5 !important;
      padding:20px 0 20px 0;
    }

    .linkfooter-container {
      margin: auto !important;
      max-width:1070px !important;
    }
    .linkfooter-cover p{
      color: #e5e5e5 !important;
        line-height: 1.5em  !important;
        margin: 0 0 1em  !important;
        word-spacing: 0.3em !important;
    }

    .linkfooter-cover p a{
      color: #ffffff !important;
        line-height: 1.5em  !important;
        margin: 0 0 1em  !important;
        word-spacing: 0.3em !important;
    }

    .linkfooter-cover h3{color:#ffffff;}


    /* CUSTOMIZE THE NAVFOOTER
    -------------------------------------------------- */

    .navfooter-cover {
      background: #444444  !important;
      color: #e5e5e5 !important;
      padding:20px 0 20px 0;
    }

    .navfooter-container {
      margin: auto !important;
      max-width:1070px !important;
    }
    .navfooter-cover p{
      color: #e5e5e5 !important;
        line-height: 1.5em  !important;
        margin: 0 0 1em  !important;
        word-spacing: 0.3em !important;
    }

    .navfooter-cover p a{
      color: #ffffff !important;
        line-height: 1.5em  !important;
        margin: 0 0 1em  !important;
        word-spacing: 0.3em !important;
    }

    .navfooter-cover h3{color:#ffffff;}




    /* CUSTOMIZE THE FOOTER
    -------------------------------------------------- */


    .footer-cover{
    	color:#333333;
    	border-top:5px solid #244678;
    	background-color: #d1d3d4!important; /*#2d2d2d !important;	*/
    	margin: auto;
    	max-width: 100%;
    /*	margin-top:20px;*/
    	margin-bottom:0px;
     /* margin-left: auto;
      	margin-right: auto;*/
    	-webkit-box-shadow: 0 3px 3px 0 #C4C4C4;
    	box-shadow: 0 0px 3px 3px #C4C4C4;
    }

    .footerbox-content{
      padding-top:12px;padding-bottom:12px;!important;color:#444444 !important;
    }

    .footer-container {
    	margin:auto;
      	max-width:1400px !important;
      	padding:20px 20px
    }

    .footer p {
      margin: 0 0 0 0 !important;
    }

    .footer-text{
      font-size:100% !important;
      line-height:150%;
    }

    .footer-text a{color:#444444 !important;}

    .footer-left{}

    #footer-left{    background-color: none;
        width: auto;
        min-height: 56px;
        padding: 9px 5px 9px 10px;
        text-align: center;
        }

    .footer-left p{color:#244678 !important;height:20px;font-weight:bold;line-height:140%;}

    .footer-left a{text-decoration:none;}
    .footer-left a:hover{text-decoration:none;}


    /* TO TOP - LINK
    -------------------------------------------------- */

    /*
    #to-top {
        display: none;
        position: fixed;
        bottom: 30px;
        right: 20px;
        display: block; position: fixed;background:#DB007A;
        -webkit-box-shadow: 0 2px 2px 0 #333333;
        -webkit-box-shadow: 0 3px 3px 0 #C4C4C4;
      	box-shadow: 0 0px 3px 3px #C4C4C4;
    }
    */
    #to-top {
        color:#ffffff;
        padding:12px;
        display: none;
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: block; position: fixed;background:#DB007A;
    /*   -webkit-box-shadow: 0 0.05em 0.05em 0 #555555;
        -webkit-box-shadow: 0 0.05em 0.05em 0 #555555;
      	box-shadow: 0 0px 0.05em 0.05em #555555;*/
        border-radius: 200px 200px 200px 200px;
        -moz-border-radius: 200px 200px 200px 200px;
        -webkit-border-radius: 200px 200px 200px 200px;
        border: 0.08em solid #ffffff;
    }
    .toplink{
        color:#ffffff !important;
    }

    .btn-lg {
    	padding: 10px 16px !important;
    	}

    .footerbox{
    margin:auto;height:auto;font-size:12px;text-align:center;
    border-top: 5px solid #DB007A !important;


    }


    /* CUSTOMIZE THE SUB-FOOTER
    -------------------------------------------------- */
    .subfooter{
      background:rgba(69,76,79, 0.85);
      font-size:10px;
      text-align:center !important;
      padding:5px;
    }

    .subfooter a{
      color:#cccccc !important;
    }

    /* CUSTOMIZE THE BUTTONS
    -------------------------------------------------- */

    .btn-primary:hover{
        background-color: #ffffff !important;
    	color: #DB007A !important;
    	    border-color: #DB007A;
    }

    .btn {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: #DB007A;
       /* background-image: linear-gradient(to bottom, #244678, #E6E6E6);*/
        background-repeat: repeat-x;
        border-color: #BBBBBB #BBBBBB #A2A2A2;
        border-image: none;
        border-radius: 0px !important;
        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);
        color: #ffffff !important;
        cursor: pointer;
        display: inline-block;
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 0;
        padding: 4px 12px;
        text-align: center;
       /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);*/
        vertical-align: middle;
    }

    .btn-default:hover {
      color: #244678 !important;
    }



    /***************************************************************************
    Usercenrics
    ****************************************************************************/

    #usercentrics-button .uc-consent-title, .uc-embed .uc-consent-title{color:#000000 !important;}
    .uc-embedding-wrapper h3 {color:#000000 !important;}
    .uc-embedding-wrapper p {color:#000000 !important;}
    .uc-embedding-wrapper a {color:#DB007A !important;}




    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    .carousel-cover{
     	width:100%;
    	background: #244678;
    }

    .carousel .item {
    	margin:auto;
    /*  height: auto !important;*/
    }

    .carousel img {
    	margin:auto;
    /*	height: auto !important;*/
    }

    .carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        font-size: 80px !important;

    }

    .carousel-caption h1 {
    	color: #444444 !important;
    	font-weight: 400 !important;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 4.0) !important;
    }

    .carousel-caption p {
    	color: #444444 !important;
    	font-weight: 400 !important;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 2.0) !important;
        }

    .carousel-control.left {
        background-image: none !important;
        background-repeat: repeat-x;
    }
    .carousel-control.right {
        background-image: none !important;
        background-repeat: repeat-x;
    }


    .carousel-control {
        position: absolute; /* already here */
        top: 40%
        ...
    }