@font-face {
  font-family: 'blackjackregular';
  src: url('../fonts/black_jack-webfont.eot');
  src: url('../fonts/black_jack-webfontd41d.eot?#iefix') format('embedded-opentype'),
      url('../fonts/black_jack-webfont.woff') format('woff'),
      url('../fonts/black_jack-webfont.ttf') format('truetype'),
      url('../fonts/black_jack-webfont.svg#blackjackregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ------------- Layout anfang ---------------- */

html, body 
{
  background-color:#F3EEE0;
  background-image:url('../images/bg.jpg');
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-weight: normal;
  color:#2E2D30;
}

#overheader 
{
  height:40px;
  margin:0 auto;
}

#overheader .container a.tel
{
  float:right;
  display:inline-block;
  background-image:url('../images/ico-phone.png');
  background-repeat:no-repeat;
  background-position:0px 5px;
  text-decoration:none;
  color:#3e3d40;
  font-size:16px;
  padding:0px 0px 0px 28px;
  margin:10px auto 0px auto;
  cursor:default;
}

#header {
  height:190px;
  margin:0 auto;
}

#header-container 
{
  background-color:#FFFFFF;
  margin:0 auto;
  display:block;
  height:100%;
  position:relative;
}

#header-container .brand 
{
  position:absolute;
  left:10px;
  top:8px;
  z-index:10;
  background-color:transparent;
  background-image:url('../images/logo-300.png');
  width:300px;
  height:299px;
  margin:0px 0px 0px 0px;
  color:#2E2D30;
}

#content {
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-weight:400;
  font-size:16px;
  padding:0px 0px 0px 0px;
}

#content .container
{
  background-color:#FFFFFF;
  max-width: 1170px;
}

#content .container .row
{
  margin-left:-15px;
  margin-right:-15px;
  margin-bottom:30px;
}

a.hidden {
 display: none;
}

a.top-page {
  position:fixed;
  bottom:90px;
  right:15px;
  display:block;
  background-image:url('../images/button-move-top.png');
  background-repeat:no-repeat;
  width: 51px;
  height:51px;
  cursor:pointer;
  z-index:99999;
}


#content div.csc-textpic-imagecolumn figure.csc-textpic-image.csc-textpic-last
{
  margin: 0 0 20px;
}

/* ------------- Layout ende ------------------ */



/* ---------- footer anfang ------------------- */

#footer
{
  background-color:transparent;
  padding-top:0px;
  padding-bottom:0px;
  margin:0 auto;
}

#footer .container
{
  background-color:#FFFFFF;
  background-image:url('../images/bg-footer.png');
  background-position:top center;
  padding:12px 0 20px 0;
  font-size:14px;
  color:#FFFFFF;
}

#footer .container .row
{
  margin-left:0px;
  margin-right:0px;
}

#footer .footer-navigation a
{
  font-size:14px;
  color:#FFFFFF;
  margin-left:8px;
  margin-right:8px;
}
#footer .footer-navigation a:first-child
{
  margin-left:0px;
}

#footer a, 
#footer a:link, 
#footer a:visited, 
#footer a:active
{
  color:#FFFFFF;
}
#footer a:focus, 
#footer a:hover {
  color:#B5BFFFFFF5B5; 
}
#footer a.active, 
#footer a.active:link, 
#footer a.active:visited, 
#footer a.active:active
{
  color:#FFFFFF;
}
#footer a.active:focus, 
#footer a.active:hover
{
  color:#FFFFFF;
}

#footer .container .row a.fb-link
{
  background:url('../images/ico-social-fb.png') top left no-repeat; 
  width: 20px;
  height:23px;
}
#footer .container .row a.gp-link
{
  background:url('../images/ico-social-gp.png') top left no-repeat; 
  width: 27px;
  height:23px;
}
#footer .container .row a.tw-link
{
  background:url('../images/ico-social-tw.png') top left no-repeat; 
  width: 28px;
  height:23px;
}
#footer .container .row a.yt-link
{
  background:url('../images/ico-social-yt.png') top left no-repeat; 
  width: 52px;
  height:23px;
}

/* ---------- footer ende -------------------------- */



/* ---------- hauptnavigation anfang --------------- */

nav#topnavigation.navbar.navbar-default
{
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-weight:400;
  background-color:#FFFFFF;
  background-image:none;
  position:absolute;
  text-align:right;
  float:right;
  top:2px;
}

/* erste Ebene */

.navbar ul.nav > li > a {
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-size:16px;
  font-weight: normal;
  font-weight: 400;
  background-color:transparent;
  color:#3E3D40;
  padding: 91px 17px 77px 17px;
  border:0px;
}

.navbar ul.nav > li > a:focus, 
.navbar ul.nav > li > a:hover {
  color:#C1A150;
  background-color:#FFFFFF;
}
.navbar ul.nav > .active > a, 
.navbar ul.nav > .active > a:hover, 
.navbar ul.nav > .active > a:focus {
  color:#FFFFFF;
  background-color:transparent;
  background-image:url('../images/bg-nav-active.png');
  background-position:bottom center;
  border:0px;
}

ul.nav > li.dropdown.active, 
ul.nav > li.dropdown.open, 
ul.nav > li.dropdown.active > a.dropdown-toggle, 
ul.nav > li.dropdown.active.open > a.dropdown-toggle, 
ul.nav > li.dropdown.active.last > a.dropdown-toggle, 
ul.nav > li.dropdown.active.last.open > a.dropdown-toggle,
ul.nav > li.dropdown.open > a.dropdown-toggle {
  color:#FFFFFF;
  background-color:#7A3F77;
}


@media (min-width: 768px)
{
  ul.nav > li.dropdown.active, 
ul.nav > li.dropdown.open, 
ul.nav > li.dropdown.active > a.dropdown-toggle, 
ul.nav > li.dropdown.active.open > a.dropdown-toggle, 
ul.nav > li.dropdown.active.last > a.dropdown-toggle, 
ul.nav > li.dropdown.active.last.open > a.dropdown-toggle,
ul.nav > li.dropdown.open > a.dropdown-toggle {
  height: 182px;
}}



div.nav-collapse.collapse > ul.nav > li.dropdown.active > a.dropdown-toggle, 
div.nav-collapse.collapse > ul.nav > li.dropdown.active.open > a.dropdown-toggle, 
div.nav-collapse.collapse > ul.nav > li.dropdown.active.last.open > a.dropdown-toggle {
  color:#FFFFFF;
  background-color:#7A3F77;
}

.navbar .navbar-text, 
.navbar .navbar-link {
  color: #FFFFFF;
}

.nav-collapse.collapse > ul.nav > li.dropdown.open > a.dropdown-toggle {
  color:#FFFFFF;
  background-color:#7A3F77;
}


/* zweite Ebene und Dropdown Navigation --- */

ul.dropdown-menu {
  color: #3E3D40;
  background-color: transparent;
}

.dropdown-menu > li {
  color: #3E3D40;
}

.dropdown-menu > li > a {
  color: #3E3D40;
  border-top:1px solid #3E3D40;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #FFFFFF;
  background-color: #7A3F77;
}

div.nav-collapse.collapse > ul.nav > li.dropdown.open > ul.dropdown-menu > li > a.active {
  color: #FFFFFF;
  background-color: #7A3F77;
}


/* dritte Ebene */

ul.nav > li.dropdown.open > ul.dropdown-menu > li > ul.dropdown-submenu > li > a, 
ul.dropdown-submenu li a {
  color: #FFFFFF;
  background-color: #7A3F77;
}

ul.nav > li.dropdown.open > ul.dropdown-menu > li > ul.dropdown-submenu > li > a:hover, 
ul.nav > li.dropdown.open > ul.dropdown-menu > li > ul.dropdown-submenu > li > a:focus, 
ul.dropdown-submenu li a:hover, 
ul.dropdown-submenu li a:focus {
  color: #FFFFFF;
  background-color: #7A3F77;
}

/* Pfeil Dropdown Navigation --- */

.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

/* ---------- hauptnavigation ende ----------------- */



/* ---------- slider anfang ------------------------ */

.carousel-caption {
  background-image:url('../images/bg-slider-caption.png');
  padding-top:0px;
  padding-bottom:0px;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right
{
  position: absolute;
  top: 45%;
  margin-top:0px
}

.carousel.slide > a.left.carousel-control, 
.carousel.slide > a.right.carousel-control
{
  height:100%;
  width: 60px;
  background-position:center;
  top: 0;
  opacity: 0;
}

.carousel.slide > a.left.carousel-control
{
  left:0;
}
.carousel.slide > a.right.carousel-control
{
  right:0;
}

.carousel.slide > a.left.carousel-control:hover, 
.carousel.slide > a.right.carousel-control:hover
{
  opacity: 1;
}

/* ---------- slider ende -------------------------- */



/* ---------- Text Definitionen anfang ------------- */

h1 {
  font-family: 'blackjackregular', 'Trebuchet MS', Helvetica, sans-serif;
  font-weight: normal;
  font-size:40px;
  line-height:120%;
  color:#7A3F77;
  padding-bottom:10px;
}

h2 {
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-size:22px;
  font-weight:bold;
  font-style:italic;
  line-height:120%;
  color:#2E2D30;
  padding-bottom:0px;
}

h3 {
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
  font-weight: normal;
  font-size:20px;
  font-style:italic;
  line-height:120%;
  color:#2E2D30;
  padding-bottom:10px;
}

h4 {
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
 font-weight: normal;
 font-size:16px;
 line-height:120%;
 color:#2E2D30;
}

h5 {
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
 font-weight: normal;
 font-size:14px;
 line-height:120%;
 color:#2E2D30;
}

hr {
 border-top: 1px solid #3E3D40;
}
* html hr {
 border-top-width: 1px;
 border-top-style:solid;
 border-top-color:#3E3D40;
}

span.grau, .grau {
 color:#2E2D30;
}
span.gold, .gold {
 color:#C2A250;
}
span.lila, .lila {
 color:#7A3F77;
}
span.weiss, .weiss {
 color:#FFFFFF;
}
span.schwarz, .schwarz {
 color:#000000;
}

i, em {
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
 font-style: italic;
}

b, strong {
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
 font-weight: bold;
}


a, a:link, a:visited, a:active {
 color:#2E2D30;
 text-decoration:none;
}

a, a:link, a:visited, a:active, a{ color:#C2A250;
 text-decoration:none;
}

p a:focus, p a:hover, a:hover { color:#C2A250; text-decoration:underline;}


a.link-farbig, a.link-farbig:link, a.link-farbig:visited, a.link-farbig:active, p a.link-farbig, p a.link-farbig:link, p a.link-farbig:visited, p a.link-farbig:active, a.link-farbig:focus, a.link-farbig:hover, p a.link-farbig:focus {
    color: #FFFFFF;
    padding: 10px 20px;
    background-color: #7c3e77;
    border-radius: 5px;
}

a.link-farbig:hover{
  background-color: #6b2465 !important;
   text-decoration:none;
  }

/* ---------- Text Definitionen ende --------------- */



/* --------------- responsive anfang --------------- */

@media (max-width: 990px) {

  #header-container .brand 
  {
    position:absolute;
    left:10px;
    top:8px;
    z-index:10;
    background-color:transparent;
    background-image:url('../images/logo-150.png');
    width:150px;
    height:150px;
    margin:0px 0px 0px 0px;
  }

}

@media (max-width:768px){

  #header {
    height:auto;
    min-height:174px;
  }

  #header-container
  {
    margin-left: 15px;
    margin-right: 15px;
  }

  #header-container .brand 
  {
    margin-top:10px;
    margin-left:0px;
  }

  nav#topnavigation.navbar.navbar-default > div.container > div.navbar-header 
  {
    margin-top:120px;
  }

  .navbar-default .navbar-toggle, 
  .navbar-default .navbar-toggle:hover, 
  .navbar-default .navbar-toggle:focus 
  {
    float:right;
    right: 15px;
    background-color: #FFFFFF;
    border:1px solid #7A3F77;
  }
  .navbar-default .navbar-toggle span.icon-bar
  {
    background-color: #7A3F77;
    border:0px;
  }

  #mainnav ul.nav.navbar-nav 
  {
    width:100%;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-image:none;
    color:#FFFFFF;
    overflow-x:hidden;
  }

  #mainnav ul.nav.navbar-nav li 
  {
    width:100%;
    margin:0px 0px 0px 0px;
    padding:0px 30px 0px 0px;
    background-color:#7A3F77;
    background-image:none;
    color:#FFFFFF;
  }
  .dropdown-menu 
  {
    padding:0px;
    margin:0px -30px 0px 0px;
  }
  .dropdown-menu > li > a 
  {
    text-align:center;
    font-weight:400;
    font-size:16px;
    color: #FFFFFF;
  }
  .dropdown-menu > li > a:hover, 
  .dropdown-menu > li > a:focus
  {
    color: #FFFFFF;
    background-color: #885385;
  }


  nav#topnavigation.navbar.navbar-default > div.container,
  #mainnav.navbar-collapse.navbar-right
  {
    width:100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  #mainnav.navbar-collapse.navbar-right.collapse > ul.nav.navbar-nav,
  #mainnav.navbar-collapse.navbar-right.collapsing > ul.nav.navbar-nav,
  #mainnav.navbar-collapse.navbar-right.collapse.in > ul.nav.navbar-nav
  {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }


  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.active.open > a.dropdown-toggle
  {
    color: #fff;
  }

  #mainnav.navbar-collapse.navbar-right.collapse > ul.nav.navbar-nav > li > a,
  #mainnav.navbar-collapse.navbar-right.collapsing > ul.nav.navbar-nav > li > a,
  #mainnav.navbar-collapse.navbar-right.collapse.in > ul.nav.navbar-nav > li > a
  {
    background-color: #FFFFFF;
    color: #3E3D40;
    border-bottom:1px solid #EEEEEE;
  }
  #mainnav.navbar-collapse.navbar-right.collapse.in > ul.nav.navbar-nav > li > a:hover, 
  #mainnav.navbar-collapse.navbar-right.collapse.in > ul.nav.navbar-nav > li > a:focus
  {
    color: #C2A250;
  }

  #mainnav.navbar-collapse.navbar-right.collapse > ul.nav.navbar-nav > li.active > a, 
  #mainnav.navbar-collapse.navbar-right.collapsing > ul.nav.navbar-nav > li.active > a, 
  #mainnav.navbar-collapse.navbar-right.collapse.in > ul.nav.navbar-nav > li.active > a
  {
    background-color: #7A3F77;
    color: #FFFFFF;
    border-bottom:1px solid #FFFFFF;
  }
  #mainnav.navbar-collapse.navbar-right.collapse.in > ul.nav.navbar-nav > li.active > a:hover, 
  #mainnav.navbar-collapse.navbar-right.collapse.in > ul.nav.navbar-nav > li.active > a:focus
  {
    background-color: #885385;
  color: #fff;
  }

  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.active.open > ul.dropdown-menu > li 
  {
    margin-top:-1px;
  }

  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.active.open > ul.dropdown-menu > li, 
  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.active.open > ul.dropdown-menu > li > a
  {
    background-color: #7A3F77;
  }
  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.active.open > ul.dropdown-menu > li > a:hover, 
  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.active.open > ul.dropdown-menu > li > a:focus 
  {
    background-color: #885385;
  }


  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.active.open > ul.dropdown-menu > li.active > a
  {
    background-color: #885385;
    color: #FFFFFF;
  }

  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.open > ul.dropdown-menu > li > a, 
  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.open > ul.dropdown-menu > li > a:hover, 
  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.open > ul.dropdown-menu > li > a:focus, 
  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.active.open > ul.dropdown-menu > li > a, 
  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.active.open > ul.dropdown-menu > li > a:hover, 
  #mainnav.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.active.open > ul.dropdown-menu > li > a:focus
  {
    text-transform:none;
    font-size:13px;
    color: #FFFFFF;
  }

}

@media (max-width:500px){

  a.top-page {
    bottom:155px;
  }

}

/* --------------- responsive ende ----------------- */