/*  ==============================================
    INIT
    ============================================== */
/*  ----------------------------------------------
    COLORS ... AND OTHER LESS VARIABLES
    ---------------------------------------------- */
/*  ----------------------------------------------
    FONTS
    ---------------------------------------------- */
/*  This is the proper syntax for an @font-face file
    Just create a "fonts" folder at the root,
    copy your FontName into code below and remove
    comment brackets */
@font-face {
  font-family: 'Caputh';
  src: url('../fonts/011caputreg.eot');
  src: url('../fonts/011caputreg.eot?iefix') format('eot'), url('../fonts/011caputreg.woff') format('woff'), url('../fonts/011caputreg.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Caputh';
  src: url('../fonts/012caputbold.eot');
  src: url('../fonts/012caputbold.eot?iefix') format('eot'), url('../fonts/012caputbold.woff') format('woff'), url('../fonts/012caputbold.svg') format('svg');
  font-weight: bold;
  font-style: normal;
}
/*  ----------------------------------------------  */
/*    TYPOGAPHY                                     */
/*  ----------------------------------------------  */
body {
  font-family: 'Caputh', 'Arial Narrow', Arial, Sansserif;
  font-size: 18px;
  line-height: 1.5em;
  color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
h1 {
  font-size: 2em;
  line-height: 1.25em;
  color: #53284F;
  margin: 0;
  margin-bottom: 1em;
}
.headerbild {
  position: relative;
}
.headerbild h1 {
  display: block;
  position: absolute;
  bottom: 0.25em;
  color: #FFF;
}
.headerbild h1 span {
  display: inline-block;
  padding: 0.1em 0.5em;
  background-color: rgba(83, 40, 79, 0.8);
  background-color: #53284F;
}
h2 {
  font-size: 2em;
  line-height: 1.25em;
  color: #53284F;
  font-weight: normal;
}
h3 {
  font-size: 1.25em;
  line-height: 1.4em;
  color: #53284F;
  font-weight: bold;
  margin: 0;
  margin-top: -1px;
  margin-bottom: 0.4em;
}
h4 {
  font-size: 1em;
  line-height: 1em;
  color: #444;
  font-weight: bold;
  margin: 0;
  margin-top: -1px;
  margin-bottom: 0.4em;
}
p {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 0.5em;
}
p.highlight {
  color: #B71234;
}
a {
  color: #B71234;
}
a:hover,
a:focus {
  color: #53284F;
  text-decoration: none;
  outline: none;
}
.highlight a {
  color: #53284F;
}
.highlight a:hover,
.highlight a:focus {
  color: #B71234;
}
button:focus,
.btn:focus {
  outline: none;
}
.lead {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
}
.content-wrapper ul,
.content-wrapper ol {
  margin: 0 0 0.5em 0.5em;
  list-style-type: none;
}
.content-wrapper ul > li,
.content-wrapper ol > li {
  font-size: 1em;
  line-height: 1.5em;
  padding-left: 1em;
  background-image: url(../img/list-icon-e-red.png);
  background-repeat: no-repeat;
  background-position: left 0.5em;
}
b,
strong {
  font-weight: bold;
  color: #444;
}
.highlight {
  color: #B71234;
}
/*.muted { color: @grey_lighter; }*/
/*  ==============================================  */
/*    LAYOUT                                        */
/*  ==============================================  */
/*  ----------------------------------------------  */
/*    GLOBAL OBJECTS                                */
/*  ----------------------------------------------  */
html,
body {
  min-height: 100%;
  width: 100%;
}
/* --- JQUERY-MOBILE-WRAPPER --- */
div.ui-page {
  height: 100%;
}
.header {
  position: relative;
  z-index: 200;
}
.header .container {
  background-color: #FFF;
  text-align: center;
  padding: 4em 0em 3em 0em;
}
.header .container a.brand {
  padding: 2em;
  display: block;
}
/*  ==============================================  */
/*    NAVIGATION                                    */
/*  ==============================================  */
/*  ----------------------------------------------  */
/*    NAVBAR: GENERAL SETTINGS                      */
/*  ----------------------------------------------  */
.navbar {
  position: relative;
  z-index: 100;
  margin: 0 !important;
  padding-bottom: 0;
}
.navbar.fixed {
  position: fixed;
  top: -1px;
}
.navbar .navbar-inner {
  box-shadow: none;
  border: 0px none;
  background-image: none;
  background-color: transparent;
  min-height: 0;
  padding: 0 0 4em 0;
}
/*  ----------------------------------------------  */
/*    NAVBAR: PRIMARY MENU                          */
/*  ----------------------------------------------  */
.navbar .navbar-inner.primary .container {
  background-color: #FFF;
}
.navbar .navbar-inner.primary .container .nav.primary-menu {
  text-align: center;
  float: none;
  border-bottom: 1px solid #bbb;
  padding-bottom: 1em;
  border-top: 1px solid #bbb;
  padding-top: 1em;
  margin: 0;
  /* --- HOVER AND ACTIVE --- */
}
.navbar .navbar-inner.primary .container .nav.primary-menu li {
  float: none;
  display: inline-block;
}
.navbar .navbar-inner.primary .container .nav.primary-menu li a {
  font-size: 1.5em;
  padding: 0.25em 1em;
  color: #53284F;
  text-decoration: none;
  text-shadow: none;
  text-transform: lowercase;
}
.navbar .navbar-inner.primary .container .nav.primary-menu li > a:focus,
.navbar .navbar-inner.primary .container .nav.primary-menu li > a:hover,
.navbar .navbar-inner.primary .container .nav.primary-menu li.active > a,
.navbar .navbar-inner.primary .container .nav.primary-menu li.active > a:hover,
.navbar .navbar-inner.primary .container .nav.primary-menu li.active > a:focus {
  color: #B71234;
  text-decoration: none;
  box-shadow: none;
  background-color: transparent;
}
/*  ----------------------------------------------  */
/*    NAVBAR: TOGGLE-BUTTON                         */
/*  ----------------------------------------------  */
.navbar .navbar-inner .container {
  position: relative;
}
.navbar .btn-toggle {
  width: 27px;
  height: 27px;
  position: absolute;
  left: 50%;
  margin-left: -13px;
  bottom: 0px;
  margin-bottom: -33px;
  background-image: url(../img/menu-close.png);
  background-repeat: no-repeat;
  border-radius: 0px;
  box-shadow: none;
  border: 0px none;
  display: none;
}
.navbar .btn-toggle.collapsed {
  background-image: url(../img/menu-open.png);
}
/*  ==============================================  */
/*    HEADER                                        */
/*  ==============================================  */
/*  ----------------------------------------------  */
/*    HEADER: GENERAL SETTINGS                      */
/*  ----------------------------------------------  */
header {
  position: fixed;
  z-index: 99;
}
header.absolute {
  position: absolute;
}
/*  ==============================================
    CONTENT
    ============================================== */
/*  ----------------------------------------------  */
/*    CONTENT: GENERAL SETTINGS                     */
/*  ----------------------------------------------  */
.content-wrapper .container {
  background-color: #FFF;
}
.row,
.row-fluid {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #bbb;
}
.row .nav.sparten,
.row-fluid .nav.sparten {
  margin: 0;
}
.row .nav.sparten p,
.row-fluid .nav.sparten p,
.row .nav.sparten h3,
.row-fluid .nav.sparten h3 {
  padding: 0px 0.5em;
}
.row .nav.sparten li:hover,
.row-fluid .nav.sparten li:hover {
  cursor: pointer;
  background-color: #B71234;
  /* Vendor-Prefix = Startpunkt */
  background: -webkit-linear-gradient(right top, #6e3568, #3b1c38);
  background: -moz-linear-gradient(right top, #6e3568, #3b1c38);
  background: -o-linear-gradient(right top, #6e3568, #3b1c38);
  /* Kein Prefix = Endpunkt */
  background: linear-gradient(to left bottom, #6e3568, #3b1c38);
  color: #FFF;
  line-height: 1.3em;
}
.row .nav.sparten li:hover a,
.row-fluid .nav.sparten li:hover a,
.row .nav.sparten li:hover a:hover,
.row-fluid .nav.sparten li:hover a:hover,
.row .nav.sparten li:hover a:focus,
.row-fluid .nav.sparten li:hover a:focus {
  color: #FFF;
}
.row .nav.sparten li:hover .muted,
.row-fluid .nav.sparten li:hover .muted {
  color: #baa9b9;
}
.row .nav.sparten li:hover p,
.row-fluid .nav.sparten li:hover p,
.row .nav.sparten li:hover h3,
.row-fluid .nav.sparten li:hover h3 {
  color: inherit;
}
.row:last-child,
.row-fluid:last-child,
.row-fluid.headerbild {
  padding-bottom: 0em;
  margin-bottom: 2em;
  border-bottom: 0px none;
}
/*  ----------------------------------------------  */
/*    CONTENT: BOXEN                                */
/*  ----------------------------------------------  */
.corner {
  display: block;
  position: absolute;
  height: 57px;
  width: 57px;
  top: 0px;
  right: 0px;
  background-image: url(../img/corner-aubergine.png);
  background-position: top right;
  background-repeat: no-repeat;
}
.headerbild .corner {
  background-image: url(../img/corner-red.png);
}
.box {
  position: relative;
  margin-bottom: 1em;
  float: right;
  clear: right;
  width: 100%;
  background-color: #ededed;
  /* Vendor-Prefix = Startpunkt */
  background: -webkit-linear-gradient(right top, #FFF, #ededed);
  background: -moz-linear-gradient(right top, #FFF, #ededed);
  background: -o-linear-gradient(right top, #FFF, #ededed);
  /* Kein Prefix = Endpunkt */
  background: linear-gradient(to left bottom, #FFF, #ededed);
}
.box .wrapper {
  padding: 0.5em 1em;
}
.box .thema {
  font-size: 0.7em;
  line-height: 1.25em;
}
.box h3 {
  border-bottom: 0px none;
  text-transform: none;
  padding-right: 30px;
}
.box .detail {
  font-size: 0.8em;
  line-height: 1.25em;
}
.box.red {
  background-color: #B71234;
  /* Vendor-Prefix = Startpunkt */
  background: -webkit-linear-gradient(right top, #d1153b, #9e102c);
  background: -moz-linear-gradient(right top, #d1153b, #9e102c);
  background: -o-linear-gradient(right top, #d1153b, #9e102c);
  /* Kein Prefix = Endpunkt */
  background: linear-gradient(to left bottom, #d1153b, #9e102c);
  color: #FFF;
}
.box.red a {
  color: #FFF;
}
.box.red a:hover {
  text-decoration: underline;
}
.box.red .corner {
  background-image: url(../img/corner-red.png);
}
.box.red .thema {
  color: inherit;
}
.box.red h3 {
  color: inherit;
}
.box.red .detail {
  color: inherit;
}
.box.red ul > li {
  background-image: url(../img/list-icon-e-white.png);
}
.box.aubergine {
  background-color: #B71234;
  /* Vendor-Prefix = Startpunkt */
  background: -webkit-linear-gradient(right top, #6e3568, #3b1c38);
  background: -moz-linear-gradient(right top, #6e3568, #3b1c38);
  background: -o-linear-gradient(right top, #6e3568, #3b1c38);
  /* Kein Prefix = Endpunkt */
  background: linear-gradient(to left bottom, #6e3568, #3b1c38);
  color: #FFF;
  line-height: 1.3em;
}
.box.aubergine a,
.box.aubergine a:hover,
.box.aubergine a:focus {
  color: #FFF;
}
.box.aubergine .muted {
  color: #baa9b9;
}
.box.aubergine .corner {
  background-image: url(../img/corner-aubergine.png);
}
.box.aubergine .thema {
  color: inherit;
}
.box.aubergine h3 {
  color: inherit;
}
.box.aubergine .detail {
  color: inherit;
}
.box.aubergine ul > li {
  background-image: url(../img/list-icon-e-white.png);
}
a.box.aubergine:hover {
  background-color: #B71234;
  /* Vendor-Prefix = Startpunkt */
  background: -webkit-linear-gradient(right top, #d1153b, #9e102c);
  background: -moz-linear-gradient(right top, #d1153b, #9e102c);
  background: -o-linear-gradient(right top, #d1153b, #9e102c);
  /* Kein Prefix = Endpunkt */
  background: linear-gradient(to left bottom, #d1153b, #9e102c);
  color: #FFF;
}
a.box.aubergine:hover .corner {
  background-image: url(../img/corner-red.png);
}
a.box.red:hover {
  background-color: #B71234;
  /* Vendor-Prefix = Startpunkt */
  background: -webkit-linear-gradient(right top, #6e3568, #3b1c38);
  background: -moz-linear-gradient(right top, #6e3568, #3b1c38);
  background: -o-linear-gradient(right top, #6e3568, #3b1c38);
  /* Kein Prefix = Endpunkt */
  background: linear-gradient(to left bottom, #6e3568, #3b1c38);
  color: #FFF;
  line-height: 1.3em;
}
a.box.red:hover a,
a.box.red:hover a:hover,
a.box.red:hover a:focus {
  color: #FFF;
}
a.box.red:hover .muted {
  color: #baa9b9;
}
a.box.red:hover .corner {
  background-image: url(../img/corner-aubergine.png);
}
/*  ----------------------------------------------  */
/*    CONTENT: ACCORDION                            */
/*  ----------------------------------------------  */
.accordion {
  margin: 1em 0;
}
.accordion-group {
  margin-bottom: 0px;
  border: 0px none;
  border-radius: 0px;
  border-bottom: 1px solid #bbb;
}
.accordion-group:first-child {
  border-top: 0px none;
  border-top: 1px solid #bbb;
}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 0.25em 1em;
  padding-left: 1.5em;
  padding-right: 0;
  background-image: url(../img/icon-plus-aubergine.png);
  background-repeat: no-repeat;
  background-position: 0.5em center;
  color: #53284F;
  font-weight: bold;
}
.accordion-heading .accordion-toggle:hover {
  background-image: url(../img/icon-plus-red.png);
  color: #B71234;
}
.accordion-inner {
  padding: 0.5em 1em;
  padding-left: 1.5em;
  padding-right: 0;
  border-top: 0px none;
}
/*  ----------------------------------------------  */
/*    CONTENT: GOOGLE MAP                           */
/*  ----------------------------------------------  */
#googleMap {
  width: 100%;
  height: 300px;
}
.gmnoprint img {
  max-width: none;
}
/*  ==============================================
    FOOTER
    ============================================== */
/*  ----------------------------------------------  */
/*    FOOTER: GENERAL SETTINGS                      */
/*  ----------------------------------------------  */
footer {
  clear: both;
  font-size: 0.75em;
  padding-bottom: 1em;
  text-align: center;
}
/*  ============================================================================================
    RESPONSIVE
    ============================================================================================ */
/*  ============================================================================================
    RESPONSIVE: PORTRAIT TABLETS
    ============================================================================================ */
@media (max-width: 979px) {
  h1 {
    font-size: 1.5em;
    margin-bottom: 0.35em;
  }
  .headerbild {
    position: relative;
  }
  .headerbild h1 {
    display: block;
    position: absolute;
    bottom: 0.15em;
    color: #FFF;
  }
  .headerbild h1 span {
    display: inline-block;
    padding: 0.05em 0.5em;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    font-weight: normal;
    border-radius: 0;
  }
  .navbar .btn-toggle {
    display: block;
  }
  /*  ----------------------------------------------  */
  /*    LAYOUT: GENERAL SETTINGS                      */
  /*  ----------------------------------------------  */
  body {
    padding: 0;
    /*font-size: 20px;*/
  }
  /*  ----------------------------------------------  */
  /*    GLOBAL OBJECTS                                */
  /*  ----------------------------------------------  */
  .header .container {
    padding: 3em 0em 2em 0em;
  }
  .navbar {
    padding-top: 0;
    position: fixed;
    top: -1px;
    z-index: 1000;
  }
  .container {
    padding: 0 1em;
    width: auto;
  }
  [class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0px;
    -moz-box-sizing: border-box;
    margin-bottom: 1em;
  }
  .span4 .box,
  .row-fluid .span4 .box {
    float: right;
    width: 48.93617021%;
    *width: 48.88297872%;
    margin-left: 2.12765957%;
  }
  .span4 .box:first-child,
  .row-fluid .span4 .box:first-child {
    float: left;
    margin-left: 0;
  }
  /*  ----------------------------------------------  */
  /*    FOOTER                                        */
  /*  ----------------------------------------------  */
  /* FOOTER: GENERAL SETTINGS ------------------ */
}
/* END: RESPONSIVE: PORTRAIT TABLETS */
/*  ============================================================================================
    RESPONSIVE: PHONE TO TABLETS
    ============================================================================================ */
@media (max-width: 767px) {
  /*  ----------------------------------------------  */
  /*    LAYOUT: GENERAL SETTINGS                      */
  /*  ----------------------------------------------  */
  body {
    /*font-size: 14px;*/
  }
  h1 {
    font-size: 1.25em;
  }
  .navbar .navbar-inner.primary .container .nav.primary-menu li {
    float: none;
    display: block;
  }
  .box {
    font-size: 0.75em;
  }
  .corner {
    height: 27px;
    width: 27px;
    background-image: url(../img/corner-aubergine-xs.png);
    background-position: bottom left;
  }
  .box.aubergine .corner,
  a.box.red:hover .corner {
    background-image: url(../img/corner-aubergine-xs.png);
  }
  .headerbild .corner,
  .box.red .corner,
  a.box.aubergine:hover .corner {
    background-image: url(../img/corner-red-xs.png);
  }
}
/* END: RESPONSIVE: PHONE TO TABLETS */
/*  ============================================================================================
    RESPONSIVE: PHONE
    ============================================================================================ */
@media (max-width: 480px) {
  /*  ----------------------------------------------  */
  /*    CONTENT                                       */
  /*  ----------------------------------------------  */
  h1 {
    font-size: 1em;
  }
  .headerbild {
    position: relative;
  }
  .headerbild h1 {
    display: block;
    position: relative;
    bottom: auto;
    color: #FFF;
    margin-top: 1em;
  }
  .headerbild h1 span {
    display: inline-block;
    padding: 0em 0.25em;
    background-color: #53284F;
  }
  .span4 .box,
  .row-fluid .span4 .box {
    width: 100%;
    margin-left: 0;
  }
}
/* END: RESPONSIVE: PHONE TO TABLETS */
/*  ============================================================================================
    THE REST
    ============================================================================================ */
.gradient-white {
  background-color: #ededed;
  /* Vendor-Prefix = Startpunkt */
  background: -webkit-linear-gradient(right top, #FFF, #ededed);
  background: -moz-linear-gradient(right top, #FFF, #ededed);
  background: -o-linear-gradient(right top, #FFF, #ededed);
  /* Kein Prefix = Endpunkt */
  background: linear-gradient(to left bottom, #FFF, #ededed);
}
.gradient-red {
  background-color: #B71234;
  /* Vendor-Prefix = Startpunkt */
  background: -webkit-linear-gradient(right top, #d1153b, #9e102c);
  background: -moz-linear-gradient(right top, #d1153b, #9e102c);
  background: -o-linear-gradient(right top, #d1153b, #9e102c);
  /* Kein Prefix = Endpunkt */
  background: linear-gradient(to left bottom, #d1153b, #9e102c);
  color: #FFF;
}
.gradient-aubergine {
  background-color: #B71234;
  /* Vendor-Prefix = Startpunkt */
  background: -webkit-linear-gradient(right top, #6e3568, #3b1c38);
  background: -moz-linear-gradient(right top, #6e3568, #3b1c38);
  background: -o-linear-gradient(right top, #6e3568, #3b1c38);
  /* Kein Prefix = Endpunkt */
  background: linear-gradient(to left bottom, #6e3568, #3b1c38);
  color: #FFF;
  line-height: 1.3em;
}
.gradient-aubergine a,
.gradient-aubergine a:hover,
.gradient-aubergine a:focus {
  color: #FFF;
}
.gradient-aubergine .muted {
  color: #baa9b9;
}
/*# sourceMappingURL=styles.css.map */