/*** Stadt Rheine Stylesheet ****/
@charset "utf-8";

@cColor1: #95bc0c;
@cColor2: #005487;
@cDarkgrey: #6f6f6f;
@cLightgrey: #a8a8a8;


html {
  max-width: 100%;
  overflow-y: scroll;
  -ms-overflow-style: scrollbar;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
  overflow-x: hidden;

}

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 15px;
  color: #000000;
  max-width: 100%;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

header {
  border-bottom: 2px solid @cColor1;
  margin-bottom: 2px;
}

.zwischenueberschrift {
  font-size: 21px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  color: @cColor1;
  clear: both;
}

.zitat {
  font-size: 40px;
  font-family: 'Allura';
  font-weight: 400;
  color: #999999;
  clear: both;
}

.auszeichnung_gruen {
  font-size: 18px;
  text-transform: none;
  letter-spacing: 1px;
  font-weight: 400;
  color: @cColor1;
}

.auszeichnung_blau {
  font-size: 18px;
  text-transform: none;
  letter-spacing: 1px;
  font-weight: 400;
  color: #7fbbe0;
}

.fa-chevron-right {
  color: @cColor1;
}


.fa-info-circle {
  color: @cColor1;
  top: auto !important;
  position: relative !important;
  right: 0 !important
}

ol li, ol[type="1"] li {
  list-style-type: decimal !important;
}

ul li {
  list-style-type: none;
}

figcaption {
  font-size: 16px;
  color: #999999;
}

.page-content {
  position: relative;
  z-index: 11;
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  line-height: 1;
  color: #777777;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
  margin-top: 0;
}

.h2, h2 {
  font-size: 23px;
}

.h3, h3 {
  font-size: 20px;
}

article a {
  text-decoration: underline;
}

.event_wrap a {
  text-decoration: none;
}

a {
  color: #000000;
  text-decoration: none;
}

a:hover, a:focus {
  color: #999999;
  text-decoration: none;
}

a.weiter {
  color: @cColor1;
  transition: all 0.35s ease-in-out;

  &:hover {
    color: @cColor2;
  }
}

/**** API Bite ****/
.bite-jobs-list-table {
  width: 100%;
}

.bite-jobs-list-table th {
  text-align: left;
  font-size: 1rem;
  color: #000;
  display: none;
}

.bite-jobs-list-table .bite-jobs-list--title a:before {
  content: "\f054";
  font-family: FontAwesome;
  color: @cColor1;
  display: inline-block;
  width: 1.3em;
}

.bite-jobs-list-table .bite-jobs-list--title a:link, .bite-jobs-list-table .bite-jobs-list--title a:visited {
  color: @cColor1;
}

a.link {
  color: #000;
}

.bite-jobs-list-table .bite-jobs-list--title a {
  text-decoration: none;
  color: #000;
}


/**** Options ****/
.closedpopup {
  display: none !important;
}


.loggedin {
  display: block;
  float: right;
  position: absolute;
  text-align: right;
  right: 110px;
  top: 50px;
  font-size: 12px;
  color: @cColor2;
}

.optionswrap {
  display: block;
  position: absolute;
  right: 0;
  z-index: 100000;
  padding: 38px 0 10px 10px;
  width: 160px;
  top: 0;


  .optionstrigger .fa {
    float: right;
  }

  .loginlink .fa, .eyeablelink .fa {
    float: left;
  }

  .optionstrigger .fa, .loginlink .fa, .eyeablelink .fa {
    display: block;
    padding: 12px;
    font-size: 30px;
    color: @cColor1;
    cursor: pointer;
    transition: all 0.35s ease-in-out;

    &:hover {
      color: @cColor2;
    }
  }

  .eyeablelink .fa {
    color: @cColor2;
  }

  .optionsbox {
    display: block;
    clear: both;
    float: right;

    .fontsize {
      border-top: 1px solid #ccc;
      display: block;
      margin-top: 20px;
      padding-top: 10px;

      span {
        font-weight: 700;
      }
    }
  }
}


/***** Burger ****/
.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  outline: none
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: @cColor1;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: @cColor2;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}


/*** Logo ****/
.navbar-header {
  width: 100%;
  position: relative;
}

#logo {
  text-align: left;
  margin: 30px 0 30px 40px;
  width: 400px;
  position: relative;
  z-index: 1;

}

#logo img {
  width: 245px;
}

#logo img.vvrheine {
  width: 400px;
}

/*** logo end ***/
span.mediatype i {
  color: @cColor1;
  font-size: 1.2em;
}

span.mediatype {
  display: inline-block;
  margin-bottom: 10px;
}

a span.mediatype {
  color: @cColor1;
}

a:hover span.mediatype,
a:hover span.mediatype i {
  color: @cColor2;

}

/**** newsletter ****/
.foot_newsletter_mail {
  float: left;
  width: 200px !important;
  margin-bottom: 0 !important;
  height: 36px !important;
  margin-right: 10px;
  border: 1px solid #55750c;
}

footer {
  h3 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    color: @cColor1;
  }

  .kontaktfoot a {
    text-decoration: underline;
  }

  .socialmedia {
    ul {
      padding-left: 0;
    }

    li {
      display: inline-block;

      .fa {
        font-size: 36px;
        padding-right: 15px;
        padding-left: 0;
        color: @cColor2;
        transition: color 0.35s ease-in-out;

        &:hover {
          color: @cColor1;
        }
      }

      svg{
        color: @cColor2;
        height: 36px;
        vertical-align: bottom;
        transition: color 0.35s ease-in-out;

        &:hover {
          color: @cColor1;
        }
      }
    }
  }
}

.x-form fieldset {
  border: 1px solid #ededed;
  padding: 20px;
  margin-bottom: 10px;
}

/***** meta ****/
ul.metaUL {
  margin-top: 20px;
  display: inline-block;

  li a {
    padding: 10px;
    font-size: 14px;
  }
}


/*** mainnav icons ****/
.mainnavUL .navsub > li > a:before {
  padding-right: 10px;
  padding-bottom: 5px;
  float: left;
  font-family: FontAwesome;
  width: 35px;

}

.mainnavUL > li > .navsub > li > a {
  text-decoration: none;
  color: @cColor1;
  transition: all 0.35s ease-in-out;
  white-space: pre-wrap;

}

.mainnavUL > li > .navsub > li > a:hover {
  text-decoration: none;
  color: @cColor2;
}


/*** icons verkehrsverein ****/
.mainnavUL a.tr161:before {
  content: "\f276";
}

.mainnavUL a.tr163:before {
  content: "\f06c";
}

.mainnavUL a.tr165:before {
  content: "\f1bb";
}

.mainnavUL a.tr855:before {
  content: "\f206";
}

.mainnavUL a.tr858:before {
  content: "\f043";
}

.mainnavUL a.tr162:before {
  content: "\f1fc";
}

.mainnavUL a.tr854:before {
  content: "\f1b0";
}

.mainnavUL a.tr859:before {
  content: "\f004";
}

.mainnavUL a.tr857:before {
  content: "\f206";
}

.mainnavUL a.tr156:before {
  content: "\f06c";
}

.mainnavUL a.tr158:before {
  content: "\f0f2";
}

.mainnavUL a.tr828:before {
  content: "\f006";
}

.mainnavUL a.tr1006:before {
  content: "\f06b";
}

.mainnavUL a.tr829:before {
  content: "\f073";
}

.mainnavUL a.tr830:before {
  content: "\f291";
}

.mainnavUL a.tr821:before {
  content: "\f2bd";
}

.mainnavUL a.tr823:before {
  content: "\f254";
}

.mainnavUL a.tr820:before {
  content: "\f290";
}

.mainnavUL a.tr182:before {
  content: "\f1d8";
}

.mainnavUL a.tr856:before {
  content: "\f145";
}

.mainnavUL a.tr822:before {
  content: "\f2b5";
}

.mainnavUL a.tr1281:before {
  content: "\f0eb";
}

.mainnavUL a.tr164:before {
  content: "\f0f5";
}

/**** icons Rathaus & Service ****/


.mainnavUL a.tr527:before {
  content: "\f079";
}

.mainnavUL a.tr528:before {
  content: "\f277";
}


.mainnavUL a.tr346:before {
  content: "\f046";
}

.mainnavUL a.tr526:before {
  content: "\f129";
}

.mainnavUL a.tr525:before {
  content: "\f24e";
}

.mainnavUL a.tr343:before {
  content: "\f005";
}

.mainnavUL a.tr10:before {
  content: "\f005";
}

.mainnavUL a.tr13:before {
  content: "\f2b5";
}

.mainnavUL a.tr16:before {
  content: "\f21d";
}

.mainnavUL a.tr18:before {
  content: "\f0f6";
}

.mainnavUL a.tr11:before {
  content: "\f0e8";
}

.mainnavUL a.tr14:before {
  content: "\f007";
}

.mainnavUL a.tr17:before {
  content: "\f1ad";
}

.mainnavUL a.tr19:before {
  content: "\f19c";
}

.mainnavUL a.tr12:before {
  content: "\f024";
}

.mainnavUL a.tr15:before {
  content: "\f086";
}

/**** icons Leben & Familie ****/

.mainnavUL a.tr735:before {
  content: "\f0ea";
}

.mainnavUL a.tr781:before {
  content: "\f2bd";
}

.mainnavUL a.tr880:before {
  content: "\f1ad";
}

.mainnavUL a.tr22:before {
  content: "\f0c0";
}

.mainnavUL a.tr23:before {
  content: "\f183";
}

.mainnavUL a.tr24:before {
  content: "\f21e";
}

.mainnavUL a.tr25:before {
  content: "\f29b";
}

.mainnavUL a.tr26:before {
  content: "\f21d";
}

.mainnavUL a.tr27:before {
  content: "\f0b1";
}

.mainnavUL a.tr683:before {
  content: "\f0ac";
}

/**** icons Kultur & Freizeit ****/
.mainnavUL a.tr31:before {
  content: "\f073";
}

.mainnavUL a.tr32:before {
  content: "\f1fc";
}

.mainnavUL a.tr38:before {
  content: "\f02e";
}

.mainnavUL a.tr40:before {
  content: "\f0f6";
}

.mainnavUL a.tr43:before {
  content: "\f206";
}

.mainnavUL a.tr46:before {
  content: "\f05a";
}

.mainnavUL a.tr48:before {
  content: "\f279";
}

.mainnavUL a.tr741:before {
  content: "\f219";
}

.mainnavUL a.tr787:before {
  content: "\f2c1 ";
}


/**** icons Stadtentwicklung & Wirtschaft ****/
.mainnavUL a.tr987:before {
  content: "\f02d";
}

.mainnavUL a.tr866:before {
  content: "\f1fe";
}

.mainnavUL a.tr49:before {
  content: "\f005";
}

.mainnavUL a.tr50:before {
  content: "\f1ad";
}

.mainnavUL a.tr52:before {
  content: "\f201";
}

.mainnavUL a.tr53:before {
  content: "\f0f6";
}

.mainnavUL a.tr54:before {
  content: "\f290";
}

.mainnavUL a.tr55:before {
  content: "\f007";
}

.mainnavUL a.tr56:before {
  content: "\f015";
}

.mainnavUL a.tr58:before {
  content: "\f1b9";
}

.mainnavUL a.tr59:before {
  content: "\f06c";
}

.mainnavUL a.tr205:before {
  content: "\f090";
}

/*** mainnav ****/
/*.dropnavUL a:hover+ul.navsub, .dropnavUL ul.navsub:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}*/

ul.navsub li:nth-child(4n+5) {
  clear: both;
}

.navbar-toggle {
  margin-top: 15px;
}


.navbar-nav {
  width: 1170px;
  float: none;
  margin: auto;
}

#mainnav {
  clear: both;
}

.mainnavUL > li > .navsub > li {
  padding : 5px 5px 0 20px;
}

li.cleaner {
  display: none !important;
}

.navcont {
  width: auto;
  margin: 0 auto;
}

.megamenu {
  display: table;
  width: 100%;
  position: inherit;
}

ul.megamenu > li:focus-within > ul > li > ul {
  visibility: visible;
  opacity: 1;
}

ul.megamenu > li > ul {
  table-layout: fixed;
}


.megamenu > li {
  display: inline-block;
  position: static;
  width: 25%;
  text-align: center;

}

.navsub.open .navsub {
  display: block !important;
}

.megamenu > li > a {
  font-size: 18px;
  color: @cColor2;
  background: #ffffff !important;
  border-bottom: 3px solid transparent;
  transition: border-bottom 0.75s ease-in;
}

.megamenu > li:hover > a {
  font-size: 18px;
  font-weight: 700;
  border-bottom: 3px solid @cColor1;
}

.megamenu > .li_active > a {
  font-size: 18px;
  font-weight: 700;
  border-bottom: 3px solid @cColor2;
}

ul.megamenu > li > ul > li a {
  text-align: left;
  padding: 15px 15px 5px 15px;
}

ul.megamenu > li > ul > li a:hover,
ul.megamenu > li > ul > li a:active,
ul.megamenu > li > ul > li a:focus {
  background: transparent;
  text-decoration: underline;
}

ul.megamenu > li > ul > li > a {
  font-weight: normal;
  font-size: 18px;
  color: @cColor1;
}

ul.megamenu .navsub .navsub {
  padding-left: 49px;
}

ul.megamenu .navsub .navsub > li > a {
  padding: 2px;
}

ul.megamenu > li > ul {
  position: absolute;
  left: 0;
  width: 100%;
  display: block;
  padding-bottom: 100px;
  padding-inline: ~"calc((100% - 1250px) / 2)";
  background: url(/__/img/welle.png) center bottom no-repeat;
  background-size : cover;
  transition: all 0.25s ease-in-out;
  column-width: 300px;
}

ul.megamenu > li > ul > li {
  float   : none;
  display : block;
  width   : auto;
  break-inside: avoid-column;
}

.dropnavUL > li:focus-within > ul.navsub, .dropnavUL ul.navsub:focus-within {
  visibility: visible;
  opacity: 1;
}
.dropnavUL li {
  float: none;
}
.dropnavUL ul li {
  clear: none;
  width: 100%;
}

.dropnavUL > li:last-child > ul ul, .dropnavUL > li:nth-last-child(2) > ul ul {
  right: auto;
}

.megamenu > li > ul > li {
  width: 25%;
}

.navbar-toggle {
  z-index: 1;
  border-radius: 0;
  background-color: #ffffff;
  color: @cColor2;
}

.icon-bar {
  background-color: @cColor2;
}

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0;
  border: 1px solid transparent;
}

/**** tabs startseite ****/
.nav-tabs a {
  font-size: 21px;
  font-weight: 300;
  color: @cColor1;

}

.nav-tabs.nav-justified > li > a {
  margin-bottom: 0px;
  text-align: center;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
  border: 1px solid #ffffff;
}

.tab-content .kt-info {
  float: left;
  width: 100%;
}

.tab-content .toggle-filter {
  display: none !important;
}

.tab-content .kt_search_tab .form-body {
  padding: 0 !important;
}

.tab-search {
  width: auto;
  margin-bottom: 20px;
}

#ktfrm2 .tab-search input[type=text],
#ktfrm3 .tab-search input[type=text],
#ktfrm .tab-search input[type=text] {
  float: left;
  width: 200px !important;
  margin-bottom: 0 !important;
  height: 36px !important;
}

#ktfrm2 .tab-search .btn,
#ktfrm3 .tab-search .btn,
#ktfrm .tab-search .btn {
  width: 200px;
  margin-left: 10px;
  margin-top: 0;
}

.ktcatlinkalphactfound,
.ktcatlinkalphfound,
.ktcatlinkalph {
  text-decoration: none;
}


/*** Tabs Ansprechpartner ***/
.ktItem.ansprechpartner .panel-heading {
  height: 50px;

}

.ktItem.ansprechpartner a .panel-addrtitle strong {
  text-decoration: none;
  font-size: 18px;
}

.ktItem.ansprechpartner .panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  min-height: 280px;
  border: 1px solid @cColor1;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  font-size: 15px;
}

.ktItem.ansprechpartner .panel-body i {
  color: @cColor1;
}

/****** newspanel startseite + panel übersucht******/
.panel {
  clear: both;
  cursor: pointer;
  box-shadow: none;
}

.newsthumb {
  display: block;
  position: relative;
  width: 200px;
  height: 120px;
  background-size: cover;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}

.panel-ue .panel-heading,
.panel-news .panel-heading {
  border-bottom: 1px dotted #777777;
  padding: 10px 25px 10px 0px;
  position: relative;
}

.panel-ue h4, .panel-ue .panel-body {
  font-size: 18px;
  text-transform: none;
  letter-spacing: 0;


}

.panel-title {
  font-size: 18px;
}

.panel-heading i {
  position: absolute;
  right: 5px;
  font-size: 10px;
  bottom: 8px;
}

.panel-ue .panel-body,
.panel-news .panel-body {
  padding: 15px 0;

}

.panel-ue .panel-heading span {
  color: #000000;
  text-transform: none;
  font-size: 16px;
  letter-spacing: 0px;

}

.panel-ue .panel-heading span p {

  padding-top: 10px;
}

.panel-ue .panel-body h1 span {
  font-size: 16px;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: none;
}

.panel-collapse {
  display: none;
}

.toggle-filter {
  margin-bottom: 25px;
}

.contact-bottom {
  margin-top: 30px;
}

.contact-bottom .triggerbox-inner.open {
  background-color: #ffffff;
  padding: 20px 15px 20px 15px;
  background: #efefef;
  margin: 15px 0;
  font-size: 16px;
  z-index: 1;
  position: relative;

}

.contactitems {
  border-left: 1px solid @cColor1;
}

/*** Stadtplan ***/
.citymap-header {
  height: 170px;
}

/*** Stadtplan ENDE ***/
/**** myservices ****/

#myservices {
  margin: 100px 0;
  padding: 10px !important;
  border: 1px solid @cColor1;

  .service_overview {
    .cs3button {

    }
  }
}

.cntedit {
  margin-top: 20px;
}

/***** bw *****/
.bw_organigramm_ul {
  margin-bottom: 30px !important;
}

.bw_organigramm_ul > li {
  list-style-type: none !important;
  list-style-position: inside;
}

.bw_organigramm_ul_lvl_0 > li > a {
  font-weight: 300;
  text-transform: uppercase;
  color: @cColor1
}

.bw_organigramm_ul_lvl_1 > li {
  font-weight: 700;
}

.bw_organigramm_ul_lvl_2 {
  display: none;
}

.contact .bw_contact {
  margin-top: 20px;
}

/***** buttons *****/
.frmsubmit input[type=submit],
.cntedit > a,
.frmreset input[type=submit] {
  padding: 10px;
}


.frmsubmit input[type=submit],
.frmreset input[type=submit],
.tab-search .btn,
.btn-primary,
.btn-resetx,
.cntedit > a,
.cs3button {
  color: #ffffff;
  background-color: @cColor1;
  border-color: @cColor1;
  border-radius: 0;
  position: relative;
  height: 36px;
}


.frmsubmit input[type=submit]:hover,
.frmreset input[type=submit]:hover,
.tab-search .btn:hover,
.btn-primary:hover,
.cs3button:hover,
.btn-resetx:hover,
.cntedit > a:hover,
.ktcatlinkalphfound:hover {
  color: #ffffff;
  background-color: #286090 !important;
  border-color: #204d74;
}

.btn .fa {
  position: absolute;
  right: 10px;
  top: 8px;
}

.userbutton {
  margin: 6px 3px 0 0;
  width: 200px !important;
  float: left !important;
  margin-left: 25%;
}

.btbuttons input[type=button]:nth-child(2), .btbuttons input[type=submit] {
  float: left !important;
  width: 200px;
  margin-left: 25%;
}

/***** suche *****/
#suchewrap {
  padding: 25px 0;
  background-color: transparent;
  margin-top: 5px;
  position: absolute;
  top: 0;

}

#suchewrap .spsearch {
  text-align: center;
  padding-left: 0;
  margin-left: 42%;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: @cColor2;
  font-weight: normal;
  font-style: normal;
}

::-moz-placeholder { /* Firefox 19+ */
  color: @cColor2;
  font-weight: normal;
  font-style: normal;
}

:-ms-input-placeholder { /* IE 10+ */
  color: @cColor2;
  font-weight: normal;
  font-style: normal;
}

:-moz-placeholder { /* Firefox 18- */
  color: @cColor2;
  font-weight: normal;
  font-style: normal;
}

/**** Sphinx Suche ****/
/*** Sphinx-Suche START ***/

.sptotalresults {
  margin: 35px 0;
  font-weight: 700;
}

.x-combo-list,
.x-combo-list-inner {
  width: 300px !important;
}

.spresultloaded {
  border: none;
  padding: 0 0 30px 0;

}

div.spresult.spresultloaded:before {
  content: "Suchergebnisse:";
  font-weight: bold;
  text-transform: uppercase;
  font-size: 21px;
  background: #333333;
  width: 100%;
  display: block;
  padding: 15px;
  color: #ffffff;
  letter-spacing: 1px;
}

h3.sp-title {
  margin-top: 0;
  font-size: 16px;
}

.spsearchlist:first-child {
  margin-top: 10px;
}

.spsearchlist:last-child {
  margin-bottom: 0;
}

section.spsearchlist {
  border-radius: 0;
  background-image: none !important;

}

section.spsearchlist:focus,
section.spsearchlist:hover,
section.spsearchlist:active {
  border-color: #cccccc;
  background-color: #efefef;
}

.spsearchlist .sp-tree {
  position: relative;
}

.spsearchlist .sp-tree:after {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 1;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: transparent none no-repeat scroll 50%;
  font-family: FontAwesome;
  font-size: 24px;
}

.spsearchlist.spcontent .sp-tree:after {
  content: "\f0f6";
}

.spsearchlist.spevents .sp-tree:after {
  content: "\f073";
}

.spsearchlist.spadressen .sp-tree:after {
  content: "\f007";
}

.spsearchlist.spmedia .sp-tree:after {
  content: "\f1c1";
}

.spsearchlist.spbranchen .sp-tree:after {
  content: "\f0ad";
}

.spsearchlist.spbaybw .sp-tree:after {
  content: "\f19c";
}

/*** Suche START ***/
#suche {
  width: 400px;;
  position: relative;
  margin-bottom: 5px;
  float: none;
  height: 60px;
  margin: 0 auto;

}

#suche .x-form-field-wrap {
  width: 400px !important;
  padding-top: 10px;
}

#suche .x-form-field-wrap input {
  width: 100% !important;
  border: none;
  background: transparent;
  height: 50px !important;
  font-size: 18px;
  margin-bottom: 0px !important;
  padding: 0px 10px;
  color: @cColor2;
  border: 1px solid @cColor2;
}

#suche img.x-form-config-trigger {
  display: none;
}

#suche img.x-form-arrow-trigger {
  background-image: none;
  right: 0 !important;
  height: 55px !important;
  background-color: transparent;
  border: none;
  width: 55px;
}

#suche .spsearch .x-form-text {
  height: 55px !important;
  width: 100% !important;
  background-image: none;
  background-color: #e0e0e0;
  border: none;
  display: block;

}

#suche::after {
  content: '\f002';
  font-family: 'FontAwesome';
  display: block;
  height: 55px;
  width: 55px;
  position: absolute;
  right: 0px;
  top: 19px;
  color: @cColor2;
  font-size: 25px;
  text-align: center;
  line-height: 25px;
}

::-ms-clear {
  display: none;
}

table#suche::after {
  content: '';
}

/*** Suche ENDE ***/
/**** top button ****/
#topBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: @cColor1; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */

  font-size: 16px; /* Increase font size */
}

#topBtn:hover {
  background-color: @cColor2; /* Add a dark-grey background on hover */
}

/*** Sidebar ***/
.sidebar {
  position: absolute;
  z-index: 100000;
  right: -250px;
  top: 250px;

}

.sidebar .s-item i {
  font-size: 32px;
  width: 40px;
}

.sidebar .s-item a {
  padding-bottom: 5px;
}

.sidebar .s-item {
  position: relative;
  display: block;
  font-size: 18px;
  text-align: left;
  color: white;
  background-color: @cColor2;
  padding: 10px 12px;
  width: 300px;
  right: 0px;
  height: 54px;
  transition: all 0.35s ease-in-out;

  .fa-bed {
    font-size: 27px;
  }

  &.leichtesprache {

    padding: 18px 15px 10px 55px;
    background: url(/__/img/icon_ls.png) @cColor2 no-repeat 7px center;
    background-size: 35px;
    transition: all 0.35s ease-in-out;

    /*&:hover {
        background: url(/__/img/icon_ls_over.png) no-repeat center;
        background-size: 30px;
      }*/
  }

}

.sidebar .s-item:hover {
  display: block;
  text-align: left;
  color: white;
  background-color: @cColor1;
  right: 200px;

}

#loginpopup, .optionsbox {
  width: 235px;
  position: absolute;
  top: 85px;
  z-index: 15000;
  border: 1px solid @cColor1;
  padding: 9px;
  background: white;
  right: 2px;
}

#loginpopup h3 {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  color: @cColor1;

}

#loginpopup .input_txt {
  margin-bottom: 10px;
  width: 100%;
  height: 35px;
  padding: 10px;
  border: 1px solid #e9e8e8;
}

/*** Sidebar ENDE ***/

/***** topslider *****/

#topslider {
  position: absolute;
  overflow: hidden;
  z-index: 10;
  width: 100%;
}


#topslider > .topslider.slider-wrapper {
  max-height: 900px;
}

#topslider > .slider-wrapper {
  max-height: 450px;
  min-height: 250px;

}

/**** Anzeigen für Suchseite *****/

.tr_194 .allslidewrap, .tr_1371 .allslidewrap {
  display: none;
}

.tr_1371 .spoptsmods > div {
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
}

.tr_1371 .spoptsmods .matchopts {
  display: block !important;
}

/**** sliderkram ****/
.allslidewrap {
  margin-bottom: 20px;
  position: relative;
  min-height: 275px;
  z-index: 10;
  background: -moz-linear-gradient(90deg, #ffffff 46%, #a3ba53 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, 90deg, color-stop(46%, FFFFFF), color-stop(100%, a3ba53)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(90deg, #ffffff 46%, #a3ba53 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(90deg, #ffffff 46%, #a3ba53 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(90deg, #ffffff 46%, #a3ba53 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
  background: linear-gradient(0deg, #ffffff 46%, #a3ba53 100%); /* W3C */

  .bigslide {
    min-height: 250px;
    display: block;
  }
}

#topslider {
  min-height: 200px;
  background: transparent;
  height: 100%;
  /* background: -moz-linear-gradient(0deg, #ffffff 0, rgba(149, 188, 12, 0.39) 100%); !* FF3.6+ *!
   background: -webkit-gradient(linear, 0deg, color-stop(0, FFFFFF), color-stop(100%, 005487)); !* Chrome,Safari4+ *!
   background: -webkit-linear-gradient(0deg, #ffffff 0, rgba(149, 188, 12, 0.39) 100%); !* Chrome10+,Safari5.1+ *!
   background: -o-linear-gradient(0deg, #ffffff 0, rgba(149, 188, 12, 0.39) 100%); !* Opera 11.10+ *!
   background: -ms-linear-gradient(0deg, #ffffff 0, rgba(149, 188, 12, 0.39) 100%); !* IE10+ *!
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); !* for IE *!
   background: linear-gradient(0deg, #ffffff 0, rgba(149, 188, 12, 0.39) 100%);*/
}

#topslider .container {
  position: relative;
}

#topslider .arrow {
  bottom: 100px;
  border-top: 3px solid @cColor1;
  border-right: 3px solid @cColor1;
  top: auto;
}

#topslider .container .newsslider:before {

  display: block;
  width: auto;
  padding: 15px;
  color: #ffffff;
  background-color: @cColor1;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 300;
  letter-spacing: 1px;
  position: absolute;
  z-index: 2;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;

}

#topslider .container .newsslider:before {
  content: 'Aktuelle Neuigkeiten';
}

#topslider .jumbotron {
  top: -365px;
  position: relative;
  height: 285px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
}

#topslider .jumbotron p {
  font-size: 18px;
  font-weight: 300;
}

#topslider .newspic {
  display: block;
  position: relative;
  float: left;
  width: 400px;
  height: 285px;
  background-size: cover;
  margin-right: 35px;
  margin-bottom: 50px;
  z-index: 1;
  border: 1px solid #ffffff;
}

#topslider .colorstripe {
  display: block;
  width: 100%;
  background-color: rgba(149, 188, 12, 0.65);
  height: 80px;
  bottom: 15px;
  position: absolute;
  z-index: 0;
}

.tr_3 .slider, .tr_80 .slider {
  width: 100%;
  overflow: hidden;
  min-height: 365px;
}

.newscontent {
  padding-top: 35px;
}

.newstitle h2 {
  margin-top: 10px;

  small {
    color: @cColor1;
  }
}

/*** Störer Startseite ****/
.ansicht.ansicht-promo {
  background-color: #dedede;
  margin-left: -50%;
  padding-left: 50% !important;
  margin-right: -50%;
  padding-right: 50% !important;
  padding-top: 25px;
  padding-bottom: 25px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=0, Color=#000000)"; /*IE 8*/
  -moz-box-shadow: 0 9px 15px -11px #000000 inset; /*FF 3.5+*/
  -webkit-box-shadow: 0 9px 15px -11px #000000 inset; /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 9px 15px -11px #000000 inset; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000); /*IE 5.5-7*/

  .c_thumb {
    height: 285px;
    width: 490px;
    display: block;
    float: left;
    margin: 0;
    margin-right: 30px;
  }

  .c_title h2 {
    text-transform: uppercase;
    font-weight: 300;
    color: #d9b246;
    font-size: 65px;

  }

  .c_teaser, .c_teaser a {
    color: #682871 !important;

  }
}


/***** Eventbox Startseite *****/
.event_wrap.start .event_media {
  height: 300px !important;
  display: block;
  position: relative;
  width: auto;
  background-size: cover;

}

.eventrow0, .eventrow1 {
  background: #ffffff;
}

.event_content {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}

.event-content, .event_location {

  font-size: 15px;
}

.rubrik i.fa,
.ev_title i.fa {
  position: absolute;
  display: inline-block;
  right: 15px;

}

.rubrik i.fa {
  top: 315px;
}

.furtherlink {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 10px;
}

/***** Eventbox Highlight *****/
.ev_highlight {
  padding-bottom: 100px;
}

.ev_highlight .event_media {
  display: block;
  position: relative;
  height: 445px;
  width: 50%;
  background-size: cover;
  float: left;
  margin-right: 30px;
  margin-top: -40px;

}

/***** Eventbox Rubrikseite *****/
.ev_rubrik {
  clear: both;

}

.ev_rubrik a.c_title {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 21px;

}

.ev_rubrik .event_location {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-size: 15px;

}

.ev_rubrik .ev_cat {
  font-style: italic;
  color: @cColor1;
  font-weight: 400;
}

.ev_rubrik .event_time {
  display: inline-block;
  position: relative;
  padding: 10px 15px;
  background-color: @cColor1;
  float: left;
  margin: 0 15px 7px 0;
}

.ev_rubrik .event_time span {
  font-size: 30px;
  font-weight: 300;
  line-height: 25px;
  color: #ffffff;
  text-align: center;
}

.ev_rubrik .event_content strong {
  font-size: 20px;
  font-weight: 300;
  line-height: 25px;
  color: #000000;
  text-align: center;
}

/**** Kataloge ***/

#ktfrm, #tmform {
  margin: 0;
}

#ktfrm .form-head, #tmform .form-head, .trigger {
  /*text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  color: #777;
  border-bottom: 1px solid @cColor1;
  padding: 10px 0;
  font-size: 18px;*/
  display: block;
  width: auto;
  padding: 7px 20px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 1px;
  position: relative;
  z-index: 500;
  left: -15px;
  margin-top: 0;

  background-color: @cColor1;
  margin-bottom: -25px;
}

.second.trigger {
  border-bottom: 1px solid @cColor1;
  background: #efefef;
  text-transform: none;
  letter-spacing: normal;
  color: #688b0c;
  padding: 0;
  margin-left: 15px;
  margin-top: 15px;
  font-size: 16px;

  i {
    right: 0px !important;
    top: 0px !important;
    color: @cColor1;
  }
}

.second.team.trigger {
  margin: 10px 10px 10px 30px;
  color: @cColor2;
  border-bottom: 1px solid @cColor2;
  text-transform: uppercase;

  i {
    right: 0px !important;
    top: 0px !important;
    color: @cColor2;
  }
}

.bw_oeffnung > p {
  margin: 0 0 2px;
}

#ktfrm .form-body, #tmform .form-body, .triggerbox-inner, .triggerbox-inner.open {
  background-color: #ffffff;
  padding: 50px 15px 20px 15px;
  background: #efefef;
  margin-bottom: 35px;
  font-size: 16px;
  z-index: 1;
  position: relative;
}

.triggerbox .bw-oeffnung {
  clear: both;
}

.mapbox .triggerbox-inner, .mapbox .triggerbox-inner.open {
  padding: 15px 15px 0;
  border: 1px solid @cColor1;
}

#ktfrm .categories, #tmform .categories {
  padding: 2px;
}

/*
.related-links > .related > a:before {
  position    : absolute;
  top         : 0;
  right       : 0px;
  z-index     : 1;

  display     : block;
  width       : 16px;
  height      : 16px;
  background  : transparent none no-repeat scroll 50%;
  font-family : FontAwesome;
  font-size   : 24px;
  content     : "\f021";
}
*/

.ktcatlinkalphfound {
  background: @cColor1 !important;
  cursor: pointer;
  color: #ffffff;
}

#ktfrm3 .btn, #ktfrm2 .btn, #ktfrm .btn, #tmform .btn {
  width: 100%;
  border-radius: 0px;
  font-size: 16px;
  margin-top: 15px;
}

#ktfrm input[type=text], #ktfrm input[type=password], #tmform input[type=text], #tmform input[type=password] {
  padding: 5px;
  margin-bottom: 10px;
}

#ktfrm input[type=text], #ktfrm input[type=password], #ktfrm select, #tmform input[type=text], #tmform input[type=password], #tmform select {
  width: 100% !important;
  height: 30px !important;
  font-size: 16px;
}

.kt_search input[type=text] {
  border: 1px solid @cColor1;
  margin-bottom: 20px !important;
}

.kt_select_cnt select {
  border: 1px solid @cColor1;
  margin-bottom: 10px !important;
}

.fields .x-form-field-wrap,
#ktfrm .x-form-field-wrap,
#tmform .x-form-field-wrap {
  width: 100% !important;
  height: 30px !important;
  margin-bottom: 10px;
}

.fields .x-form-field-wrap .x-form-field,
#ktfrm .x-form-field-wrap .x-form-field,
#tmform .x-form-field-wrap .x-form-field {
  background: #ffffff;
  border: 1px solid #777777;
}

.fields .x-form-field-wrap .x-form-trigger,
.fields .x-form-field-wrap .x-form-trigger-over,
#ktfrm .x-form-field-wrap .x-form-trigger,
#ktfrm .x-form-field-wrap .x-form-trigger-over,
#tmform .x-form-field-wrap .x-form-trigger,
#tmform .x-form-field-wrap .x-form-trigger-over {
  background-position: 0;
}

.fields .x-form-field-wrap .x-form-date-trigger,
#ktfrm .x-form-field-wrap .x-form-date-trigger,
#tmform .x-form-field-wrap .x-form-date-trigger {
  background-image: url(../img/calendar.png);
  background-size: contain;
  border: none;
  right: 7px;
  width: 17px;
  height: 29px;
}

.fields .x-form-field-wrap .x-form-date-trigger {
  right: auto;
  left: 129px;
  top: 6px !important;
}

.adress_select input[type=text].adress {
  width: 97% !important;
}

.fields input[type=checkbox],
#ktfrm input[type=checkbox],
#tmform input[type=checkbox] {
  margin-right: 6px;
  float: left;
}

#ktfrm #evstart, #ktfrm #evend, #tmform #evstart, #tmform #evend {
  height: 30px;
  margin-bottom: 10px;
}

#ktfrm #evstart select, #ktfrm #evend select, #tmform #evstart select, #tmform #evend select {
  height: 30px;
  visibility: hidden;
}

#ktfrm #loclist, #tmform #loclist {
  height: 30px;
  margin-bottom: 10px;
}

#ktfrm label, #tmform label {
  font-weight: normal;
  font-size: 15px;
  display: block;
}

#ktfrm .subcats, #tmform .subcats {
  display: none;
  margin-top: 10px;
}

#ktfrm .list, #tmform .list {
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding-right: 15px;
  font-weight: bold;
}

#ktfrm .list > input[type=checkbox], #tmform .list > input[type=checkbox] {
  display: none;
}

#ktfrm .list > .trigger-arrow, #tmform .list > .trigger-arrow {
  display: none;
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 20px;
  pointer-events: none;
}

#ktfrm .list .subcats + .trigger-arrow, #tmform .list .subcats + .trigger-arrow {
  display: block;
}

#ktfrm .trigger-arrow, #tmform .trigger-arrow {
  display: none;
}

.katalog-list hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px dotted #55750c;
}

.katalog-list h1 {
  font-size: 18px;
  font-weight: 400 !important;
  margin-bottom: 5px;
  color: @cColor1;
  letter-spacing: 1px;
  text-transform: none !important;

}

.katalog-list h1 a {
  color: @cColor1;
  text-decoration: none;
}

.katalog-list h1 a:hover {
  color: #55750c;
  text-decoration: underline;
}

.katalog-list .kt-teaser {
  font-size: 16px;
  line-height: 26px;
}

.katalog-list .pager {
  text-align: left;
  margin-bottom: 40px;
  margin-top: 0;
}

.katalog-list .pager a {
  color: black;
}

.katalog-list .pager a:hover {
  color: black;
  text-decoration: underline;
}

.kt-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e8e8;
}

.kt-thumb {
  float: left;
  width: 31%;
  height: 200px;
  background-size: cover;
  margin-right: 20px;
}

.kt-info {
  float: left;
  width: 66%;
}

.kt-info h1 {
  margin-top: 0;
}

.kt-group {
  border-bottom: 1px solid #000000;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 15px;
  cursor: pointer;
  position: relative;
}

.kt-group i {
  position: absolute;
  right: 0;
}

.kt-field {
  margin-bottom: 10px;
}

.katalog_db_field > img, .katalog_db_field.katalog_db_field_no {
  display: none;
}

.ktcatlinkalph, .ktcatlinkalphact, .ktcatlinkalphactfound, .ktcatlinkalphactnotfound, .ktcatlinkalphfound {
  width: 43px;
  border: 1px solid @cColor1;
  background: #ffffff;
}

.gmapadress {
  display: none;
}

.mapcnt {
}

.tabthumbcontainer img {
  width: 270px;
}

#kttab h1 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  color: @cColor1;
  font-size: 23px;
}

.ktlg-details .kt-thumb {
  width: 100%;
  height: 500px;
}

.kt-address {
  margin-top: 0;
}

.x-combo-list {
  width: 230px !important;
}

.x-combo-list .x-combo-list-inner {
  width: 100% !important;
}

.bw_organigramm_ul li:before {
  content: "\f0da";
  color: #747b87;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  padding-right: 5px;
}

ul.bw_organigramm_backlinks li:before {
  content: "\f0d9";
  color: #747b87;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  padding-right: 5px;
}

.bw_organigramm_backlinks li,
.bw_organigramm_ul li {
  list-style-type: none;
  padding: 10px;
  margin: 0;
  background: #ffffff;
  margin-left: 20px;
}

.list-group-item {
  border: none;

  a {
    text-decoration: none;
  }
}

.list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}

.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


ul.bw_organigramm_backlinks,
.bw_organigramm_ul ul,
.bw_organigramm_ul {
  padding: 0 !important;
  margin: 0;
}

.baybw_organigramm_ul > ul > li {
  padding-left: 25px;
  border-top: none;
  background: none;
}

.bw_organigramm_ul > ul > ul > li {
  padding-left: 45px;
  border-top: none;
  background: none;
}

.pdficon {
  font-size: 24px;
  color: @cColor2;
}

article .event_wrap {
  height: auto;
  margin-bottom: 30px;
  min-height: 430px;
  font-size: 15px;

  .event_media {
    height: 200px;
    background-size: cover;

  }
}

.ev_resultlist {
  clear: both;

  .event_wrap {
    min-height: 410px;
  }
}

.ev_title h3 {
  font-size: 18px;
}

a.eventblock {
  display: block;
  height: 270px;
  background-position: center;
  text-decoration: none;
  padding: 15px;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: white;
}

a.eventblock:hover {
  text-decoration: none;
  -webkit-filter: brightness(85%);
  filter: brightness(85%);
}

a.eventblock .ev-category {
  font-size: 16px;
  letter-spacing: 1px;
  position: absolute;
  top: auto;
  text-shadow: 0 0 1px black;
}

a.eventblock .block-inner {
  position: absolute;
  bottom: 0;
  text-shadow: 0 0 1px black;
}

a.eventblock .block-inner h1 {
  font-size: 16px;
  font-weight: bold;
}

a.eventblock .block-inner .ev-location {
  font-size: 16px;
  letter-spacing: 1px;
}

a.eventblock .block-inner .ev-date {
  font-size: 16px;
  margin-bottom: 15px;
}

a.eventblock .thumb-overlay {
  height: 270px;
  width: 100%;
  margin: -15px;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(246, 41, 12, 0) 0%, rgba(111, 18, 5, 0) 53%, #000000 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(246, 41, 12, 0)), color-stop(53%, rgba(111, 18, 5, 0)), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(246, 41, 12, 0) 0%, rgba(111, 18, 5, 0) 53%, #000000 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(246, 41, 12, 0) 0%, rgba(111, 18, 5, 0) 53%, #000000 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(246, 41, 12, 0) 0%, rgba(111, 18, 5, 0) 53%, #000000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(246, 41, 12, 0) 0%, rgba(111, 18, 5, 0) 53%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

.ev-themen h1.section-head {
  background-color: @cColor2;
  display: inline-block;
  width: auto;
  padding: 23px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 300;
  letter-spacing: 1px;
  position: relative;
  z-index: 1;
  right: -15px;
  margin-top: 0;
  float: right;
  border: 1px solid #ffffff;
  margin-bottom: -22px;

}

.ev-themen .event_media {
  height: 200px;
}

.ev-more {
  display: block;
  text-align: right;
  clear: both;
  margin-top: 10px;
}

.eventslider {
  height: 400px !important;
}

.eventslider a.eventblock {
  height: 400px;
}

.eventslider a.eventblock .thumb-overlay {
  height: 400px;
}

.eventslider a.eventblock .block-inner {
  color: white;
}

.eventslider a.eventblock .block-inner .ev-location p {
  margin: 0;
}

.x-date-menu {
  width: 400px;
}

.x-date-picker {
  border: none;
  background: #fcfcfc;
  width: 100% !important;
}

.x-date-picker > table {
  height: 185px;
  width: 100% !important;
}

.x-date-picker .x-date-middle, .x-date-picker .x-date-left, .x-date-picker .x-date-right {
  background: @cColor1;
  color: #000000;
}

.x-date-picker .x-date-middle a, .x-date-picker .x-date-left a, .x-date-picker .x-date-right a {
  opacity: 1;
}

.x-date-picker .x-date-left a {
  background-image: none;
}

.x-date-middle, .x-date-left, .x-date-right {

  font: bold 11px "Roboto", sans-serif;
  overflow: hidden;
}

.x-date-picker .x-date-left a::after {
  content: '<';
  font-size: 18px;
  padding: 5px;
}

.x-date-picker .x-date-right a {
  background-image: none;
}

.x-date-picker .x-date-right a::after {
  content: '>';
  font-size: 18px;
  padding: 5px;
}

.x-date-picker .x-date-inner a:hover {
  background: #e6e6e6;
}

.x-date-picker .x-date-inner th {
  background: #e7e7e7;
  color: #272727;
  border-bottom: none;
  font-size: 12px;
}

.x-date-picker .x-date-inner .x-date-prevday, .x-date-picker .x-date-inner .x-date-active, .x-date-picker .x-date-inner .x-date-nextday {
  background: #fcfcfc;
}

.x-date-picker .x-date-inner .x-date-nextday a {
  color: #a8a8a8;
}

.x-date-picker .x-date-inner .x-date-nextday a:hover {
  color: #272727;
}

.x-date-picker .x-date-inner .x-date-active a:link {
  color: #272727;
}

.x-date-picker .x-date-inner .x-date-selected a {
  background: #9da1a2;
  color: #ffffff !important;
}

.x-date-picker .x-date-inner .x-date-today a {
  border: none;
}

.x-date-picker .x-date-inner .x-date-events {
  background-image: none !important;
}

.x-date-picker .x-date-inner .x-date-events a.x-date-date {
  background-image: none !important;
}

.x-date-picker .x-date-bottom {
  background: #e7e7e7;
  border-top: none;
}

.x-date-picker .x-date-bottom .x-btn-left, .x-date-picker .x-date-bottom .x-btn-center, .x-date-picker .x-date-bottom .x-btn-right {
  background: #e6e6e6;
}

.x-date-middle .x-btn .x-btn-text, .x-date-picker .x-date-bottom .x-btn-text {
  color: #000000;
  font-size: 18px;
}

.x-date-mp {
  background: #fcfcfc;
}

.x-date-mp td.x-date-mp-sel a {
  background: #e6e6e6;
  border: none;
  color: black !important;
}

.x-date-mp td.x-date-mp-month a, .x-date-mp td.x-date-mp-year a {
  color: #272727;
  font-size: 16px;
}

.x-date-mp td.x-date-mp-month a:hover, .x-date-mp td.x-date-mp-year a:hover {
  background: #e6e6e6;
  color: #272727;
}

.x-date-mp .x-date-mp-btns {
  background: #e7e7e7;
}

.x-date-mp .x-date-mp-btns td {
  border-top: none;
}

.x-date-mp .x-date-mp-btns button {
  background: #e6e6e6;
  border: none;
}

.x-date-mp .x-date-mp-ybtn {
  background: #a8a8a8;
}

.x-date-mp .x-date-mp-ybtn a.x-date-mp-prev {
  background: url("../../images/ks2016/icons/pfeillinks.png") no-repeat top left;
}

.x-date-mp .x-date-mp-ybtn a.x-date-mp-next {
  background: url("../../images/ks2016/icons/pfeilrechts.png") no-repeat top right;
}

.x-date-inner a, .x-date-inner th span {
  padding: 2px 5px;
  display: block;
  font: normal 18px 'Lato', sans-serif;
  text-decoration: none;
  color: black;
  text-align: center;
  zoom: 1;
  line-height: 30px;
}

.tm-hint {
  margin-top: 20px;
  font-size: 13px;
}

.tm-hint .cmsregister {
  color: #ad0e36;
}

.tm-hint .cmsregister:hover {
  color: #ad0e36;
  text-decoration: underline;
}

/***** triggerboxen ****/
.triggerbox .trigger {
  /*background: @cColor2;
    padding: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    position: relative;*/
  cursor: pointer;
  /* color: #ffffff;*/
}

.triggerbox .trigger i {
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 24px;
}

.triggerbox .triggerbox-inner {
  display: none;
}

.triggerbox .triggerbox-inner.open {
  display: block;
}

.triggerbox .triggerbox-inner a {
  color: @cColor2;
}

.triggerbox .triggerbox-inner a:hover {
  color: @cColor1;
  text-decoration: underline;
}

.detail-contacts {
  margin-top: 30px;
}

.contact {
  margin-bottom: 30px;
}

.contact.triggerbox .triggerbox-inner {
  height: auto;
}


.related-container {
  padding-left: 20px;
}

.related-container .c_title h2 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  color: @cColor1;
}

/***** pagecontent *****/
.bw_section {
  margin-top: 30px;
}

.breadcrumb .fa {
  color: #bbeb0f;
  font-size: 12px;
}

.bc_bc {
  position: relative;
  display: block;
  float: right;
  background-color: @cColor1;
  padding: 20px;
  color: #ffffff;
  margin-top: -150px;
  z-index: 2;
  font-family: 'Roboto', sans-serif;
  border-radius: 0;
  min-width: 350px;
  min-height: 220px;

}

.bc_link_act {
  font-size: 30px;
  bottom: 15px;
  position: absolute;
  line-height: 1.2;
  word-break: break-word;


}

.bc_bc a:hover, .bc_bc a:focus {
  color: rgba(0, 0, 0, 0.65);

}

.content, .content > div.blockcontainer:first-of-type {
  clear: both;
}

.content > .blockcontainer > .cbcontainer {
  min-height: 445px;
}

.tr_3 .cbcontainer, .tr_80 .cbcontainer {
  min-height: 0px !important;
}

.content .ansicht ul,
.content .ansicht ol {
  padding-left: 30px;
}


.c_content {
  margin-top: 30px;
}

/*
  .ressortlabel h1 {
      font-family: 'Roboto Slab', serif;
      margin: 0;
  }*/

.uebersicht.rubrik {
  min-height: 520px;
}

.uebersicht.rubrik.col-md-3 {
  min-height: 570px;
}

.uebersicht.rubrik .c-thumb {
  background-size: cover;
  background-position: center;
  height: 300px;
}

.uebersicht.rubrik h2 {
  display: inline-block;
  font-weight: 300;
  color: @cColor1;
  padding: 15px 0;
  border-bottom: 1px solid @cColor1;
}

.related-links li a {
  text-decoration: underline;
}

.bw_section li,
.related-links li,
.c_content ul,
.uebersicht.rubrik .c-teaser ul {
  list-style: none;
  padding: 0;
}


.panel-body ol,
.panel-body ul li,
.related-links li,
.uebersicht.rubrik .c-teaser li {
  padding-left: 1.3em;
}

.panel-body ul li:before,
.related-links li:before,
.c_teaser ul li:before,
.c_content ul li:before,
.uebersicht.rubrik .c-teaser ul li:before {
  content: "\f054"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  color: @cColor1;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.bw_organigramm_ul,
.behoerde_organigramm_backlinks {
  clear: both;
}


.behoerde_organigramm_backlinks li:before {
  content: "\f112" !important;
  margin-right: 10px !important;
  color: @cColor2 !important;
}

.backlink {
  display: block;
  margin-top: 20px;
  color: @cColor2;
}

.backlink .fa {
  margin-right: 10px;
}

.uebersicht .c-teaser {
  font-size: 15px;
}

.uebersicht a h2 {
  color: @cColor1;
  transition: all 0.75s ease-in-out;
}

.uebersicht a:hover h2 {
  color: @cColor2;
}

.uebersicht a .thumbparent {
  overflow: hidden;
}

.uebersicht a .c-thumb {
  width: 100%;
  height: 100%;
  background-color: #ffffff; /* fallback color */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all ease-in-out 0.5s;
}

.uebersicht a:hover .thumbparent .c-thumb,
.uebersicht a:focus .thumbparent .c-thumb,
.uebersicht a .thumbparent:hover .c-thumb,
.uebersicht a .thumbparent:focus .c-thumb {
  transform: scale(1.05);
}

.cnttitle,
.ansicht .c_title h2,
.c_content h1,
.panel-ue h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  color: @cColor1;

}

.ansicht .c_teaser {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #999999;

}

.ansicht .c_thumb {
  height: 285px;
  width: 400px;
  display: block;
  float: left;
  margin: 10px 30px 20px 0;
}

.ansicht .c_content {
  font-weight: 300;
  line-height: 1.4;
  font-size: 18px;

  figure.content-image{
    [style*="float:left"]{
      margin-right: 15px;
    }
    [style*="float:right"]{
      margin-left: 15px;
    }
  }
}

.cbcontainer {
  margin-top: 30px;

}

.blockcontainer:nth-child(2) > .cbcontainer,
.blockcontainer:nth-child(3) > .cbcontainer {
  height: auto;
}

.shortcuts_wrap a {
  display: block;
  position: relative;
  height: 100px;
  width: auto;
  text-align: center;
  text-transform: uppercase;
  color: @cColor2;
  font-size: 16px; /* war 18px */
  letter-spacing: 1px;
  transition: all 0.35s ease-in-out;

}

.shortcuts_wrap a:hover {
  color: @cColor1;
}

.shortcuts_wrap a:hover i {
  font-size: 55px;
}

.shortcuts_wrap i {
  font-size: 45px;
  padding-bottom: 10px;
  transition: all 0.35s ease-in-out;
}

.shortcuts_wrap {
  padding-top: 20px;
  clear: both;
}


/**** Headlines *****/
.blockcontainer {
  display: block;
  position: relative;
}

.blockcontainer > div > h1 {
  display: inline-block;
  width: auto;
  padding: 23px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 300;
  letter-spacing: 1px;
  position: relative;
  z-index: 1;
  left: -15px;
  margin-top: 0;
  border: 1px solid #ffffff;
}

.blockcontainer:first-child > div > h1 {
  background-color: @cColor1;
}

.blockcontainer > div > h1 {
  background-color: @cColor2;
}

.blockcontainer > div > h1.greenbottom {
  background-color: @cColor1;
  float: right;
  margin-right: -30px;

}

/*** Contentblock - Vorlagen ***/
.owl-carousel {
  width: 1170px;
  margin: 0 auto;
  margin-top: -45px;

  .owl-next, .owl-prev {
    position: absolute;
    width: 20px;
    top: 20%;
    color: black;
    z-index: 1000;
    display: block;
    cursor: pointer;
    font-size: 32px;
    font-weight: bold;
    .fa-chevron-right {
      color: black;
    }
  }

  .owl-next {
    right: -40px;
  }

  .owl-prev {
    left: -40px;
  }

  a.thumb {
    display: block;
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-bottom: 30px;

  }

  .c-title {
    padding: 10px;
    a {
      text-decoration: none;
    }
  }

  .c-teaser {
    font-size: 20px;
    font-weight: 200;
    color: black;
    padding: 10px;
  }

  .weiter {
    text-decoration: none;
    padding-left: 10px;
  }

  .owl-item .imgextlink {
    display: none !important;
  }
}

#owl-four-items {
  margin: 30px 0;
  .item-inner {
    padding: 10px;
    background-color: rgba(161, 161, 161, 0.09);
  }
  a.thumb {
    height: 200px;
  }
  .c-title {
    font-size: 18px;
    margin-bottom: 0;
  }
  .c-teaser {
    font-size: 16px;
  }
}

.icons-outer {
  display: flex;
  justify-content: center;
  .icon-inner {
    width: 150px;
  }
}

.iconleiste-icon {
  width: 50px;
  height: 50px;
  background-size: contain;
  margin: 0 auto;
}

.promo-inner {
  border: 1px solid;
  background-color: #005487;
  padding: 75px 20px 0;
  margin-right: 30px;
  min-height: 400px;
  .c-title {
    color: white;
    font-size: 38px;
    font-weight: bold;
    line-height: 42px;
  }
  .c-teaser {
    margin-top: 10px;
    color: white;
    font-size: 18px;
    font-weight: bold;
  }
  .promothumb {
    width: 285px;
    height: 190px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -30px;
    border: 1px solid black;
  }
  .weiter {
    color: white;
    &:hover {
      color: white;
      text-decoration: underline;
    }
  }
}

#swiper-promo {
  height: 900px;
  margin: 50px 0;
  position: relative;

}

.promo {
  position: relative;
  background-size: cover;

  .promo-box {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    height: 100%;

    .more-link {
      position: relative;
      display: inline-block;
    }

    .box-inner {
      display: inline-block;
      width: 350px;
      padding: 20px;
      background-color: rgba(255, 255, 255, 0.5);
      backdrop-filter: blur(10px);
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;

      .headline {
        font-size: 2.5rem;
        color: #005487;
        font-weight: bold;
        margin-top: 20px;

      }
    }
  }
}

.swiper-promo-button-prev, .swiper-promo-button-next {
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 50;

  i {
    font-size: 6rem;
    color: #95bc0c;
  }
}

.swiper-promo-button-prev {
  left: 30px;
}

.swiper-promo-button-next {
  right: 30px;
}

.themen-icons {
  display: block;
  height: 150px;
  &:hover, &:focus {
    color: black;
    .themen-icon {
      transform: scale(1.1);
      transition: all ease-in-out 0.5s;
    }
  }
  .themen-icon {
    width: 50px;
    float: left;
    height: 150px;
    background-repeat: no-repeat;
    background-position-y: 20px;
    background-size: 50px;
    margin-right: 15px;
  }
  .themen-content {
    .c-title {
      font-size: 18px;
      margin-bottom: 10px;
    }
  }
}

.kachel {
  .kachel-content {
    h2 {
      display: inline-block;
      width: auto;
      padding: 23px;
      color: #ffffff;
      font-size: 25px;
      font-weight: 300;
      letter-spacing: 1px;
      position: relative;
      z-index: 1;
      left: -15px;
      top: 50px;
      margin-top: 0;
      border: 1px solid #ffffff;
      background-color: @cColor2;
    }
    .kachel-image {
      width: 100%;
      height: 360px;
      background-size: cover;
    }
  }
}




/*** Sphinx Suchseite ***/
section.spsearchlist {
  border-radius: 0;
  border: 1px solid;
  border-color: #f5f5f5;
  background-image: none !important;
  background-color: #ffffff;
}

section.spsearchlist:active, section.spsearchlist:focus, section.spsearchlist:hover {
  border: 1px solid;
  border-color: #f5f5f5;
}

.spsearchlist .sp-tree:after {
  position: absolute;
  top: 0;
  right: -50px;
  z-index: 1;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: transparent none no-repeat scroll 50%;
  font-family: FontAwesome;
  font-size: 24px;
}

.spsearchlist.spcontent .sp-tree:after {
  content: "\f0f6";
}

.spsearchlist.spadressen .sp-tree:after {
  content: "\f2bb";
}

.spsearchlist.spbaybw .sp-tree:after {
  content: "\f19c";
}

.spsearchlist.spevents .sp-tree:after {
  content: "\f073";
}

.spsearchlist.sphotels .sp-tree:after {
  content: "\f0fd";
}

.spoptsmods {
  padding: 50px 15px 40px 15px;
  background: #efefef;
  margin-top: -42px;
  margin-bottom: 35px;
}

.spohead {
  display: block;
  width: auto;
  padding: 7px 20px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 1px;
  position: relative;
  z-index: 1;
  left: -15px;
  margin-top: 0;
  background-color: @cColor1;
  margin-bottom: 15px;
}

.spcategories {
  padding: 10px;
  margin: 5px;
}

.spcategories label {
  font-weight: normal;
  margin-bottom: 0px;
}

.spcontainer .spconfig {
  padding-right: 15px;
}

.spcontainer .spresult {
  padding-left: 15px;
}

div.spresult.spresultloaded:before {
  display: none;
}

/*** Sphinx Suchseite ENDE ***/

/*** Diashow START ***/
.galleryuebersicht:last-child {
  margin-bottom: 20px;
}

.diashow {
  width: 30%;
  border: none;
  background: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  margin: 0;
  position: relative;

  a.gallery_a_inner {
    width: 100%;
    height: 160px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
  }

  .gallery_text {
    position: absolute;
    display: inline-block;
    width: 92%;
    bottom: 10px;
    background: rgba(255, 255, 255, 0.85);
    padding: 5px;
    border-top: 3px solid #fff;


  }

  .gallery_title {
    font-size: 14px;
    font-weight: normal;
    color: #000;

  }
}


.ecard a {
  color: @cColor1;
}

.ecard a:hover {
  text-decoration: underline;
}

/*** Diashow ENDE ***/
article.ansicht {
  clear: both;
}

.fields.line select,
.fields.line input[type=text],
.ansicht .c_content form input[type=time],
.ansicht .c_content form input[type=text],
.ansicht .c_content form select {
  width: 100%;
  padding: 10px;
  border: 1px solid #55750c;
  margin-bottom: 10px;
}

.datefield input[type=text] {
  width: 25% !important;
}

.fields.line .cke_editable {
  border: 1px solid #55750c;
  min-height: 200px;
}


.ansicht .c_content form select {
  padding: 0 0 0 5px;
}

.ansicht .c_content form input[type=radio],
.ansicht .c_content form input[type=checkbox] {
  margin-right: 5px;
}

/*.ansicht .c_content form input[type=submit],
  .ansicht .c_content form input[type=reset] {
    color            : white;
    background-color : #cccccc;
    height           : 30px;
    border           : none;
    font-size        : 14px;
    line-height      : 14px;
  }*/

/*.ansicht .c_content form input[type=submit]:hover,
  .ansicht .c_content form input[type=reset]:hover,
  .ansicht .c_content form input[type=submit]:active,
  .ansicht .c_content form input[type=reset]:active,
  .ansicht .c_content form input[type=submit]:visited,
  .ansicht .c_content form input[type=reset]:visited,
  .ansicht .c_content form input[type=submit]:focus,
  .ansicht .c_content form input[type=reset]:focus,
  .ansicht .c_content form input[type=submit]:active:hover,
  .ansicht .c_content form input[type=reset]:active:hover,
  .ansicht .c_content form input[type=submit]:active:focus,
  .ansicht .c_content form input[type=reset]:active:focus {
    background-color : #cccccc;
  }*/

/*.frmselect .frmelmdesc,
  .frmtextarea .frmelmdesc {
    float       : none;
    display     : block;
    width       : 100%;
    text-align  : left;
    font-size   : 16px;
    font-weight : bold;
    margin-top  : 20px;
  }*/

/*.frmselect .frmelmvalue,
  .frmtextarea .frmelmvalue {
    width : 100%;
  }

  .frmselect select,
  .frmtextarea select {
    width  : 100%;
    border : 1px solid #55750c;
    height : 30px;
  }*/

.frmselect textarea,
.frmtextarea textarea {
  width: 100%;
  border: 1px solid #55750c;
  height: 150px;
  padding: 10px;
}

.frmmatrix .frmelmdesc {
  float: left;
  display: block;
  width: auto;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
}

.frmmatrix .frmelmvalue {
  margin-top: 16px;
  font-size: 16px;
}

.frmmatrix .frmopthead {
  display: none;
}

.frmmatrix .fromoptrow {
  display: block;
  float: left;
}

.frmmatrix .fromoptrow .frmoptdesc {
  vertical-align: middle;
}

.frmtext,
.frmtel,
.frmemail,
.frmtextarea {
  width: 50%;
  float: none;
  margin-top: 5px;
}

/*.frmtext .frmelmdesc,
  .frmtel .frmelmdesc,
  .frmemail .frmelmdesc {
    display : none;
  }*/
.frmelmdesc, .frmelmvalue {
  font-size: 18px;
  line-height: 24px;
  padding-left: 0;
  padding-right: 10px;
  display: inline-block;

  label{
    white-space: normal;
    font-weight: normal;
  }
}

.frmelmdesc {
  width: 320px;
  clear: both;
  text-align: left;
  white-space: pre-wrap;
  vertical-align: top;
}

.frmelmvalue{
  width: ~"calc(100% - 330px)";

  input{
    vertical-align: top;
  }
}

.frmwysiwyg .frmelmvalue {
  margin-top: 20px;
  font-weight: bold;
}

.frmtextarea .frmelmvalue,
.frmtext .frmelmvalue,
.frmtel .frmelmvalue,
.frmemail .frmelmvalue {
  width: 100%;
}

.frmtext input,
.frmtel input,
.frmemail input,
.dateiupload input {
  width: 100%;
  height: 30px;
  border: 1px solid #55750c;
}

.frmcaptcha {
  clear: both;
  padding-top: 15px;
}


.frmcaptcha .frmelmvalue {
  width: 67%;
}

.frmcaptcha .frmelmvalue .captcha {
  float: left;
  width: 15%;
  padding-top: 8px;
}

.frmcaptcha .frmelmvalue input {
  height: 30px !important;
  border: 1px solid #55750c;
  width: 59% !important;
  margin-left: 3px;
}


/*.frmsubmit,
  .frmreset {
    width      : 50%;
    float      : left;
    margin-top : 15px;
  }*/

.frmsubmit .frmelmdesc,
.frmreset .frmelmdesc {
  display: none;
}


/*.frmsubmit .frmelmvalue,
  .frmreset .frmelmvalue {
    width : 100%;
  }

  .frmsubmit .frmelmvalue input,
  .frmreset .frmelmvalue input {
    width            : 100%;
    color            : white;
    background-color : #cccccc;
    height           : 30px;
    border           : none;
  }*/

/**** footer *****/
footer {
  background: url(/__/img/footer_welle.jpg) center top no-repeat;

  background-size: contain;
  padding-top: 225px;

  .kontaktfoot, .socialmedia, .newsletterabo {
    margin-top: 20px;
  }
}

/***** Benutzerkonto ****/
.benutzer {
  #page1 {
    margin-top: 25px;

    input[type=password] {
      width: 100%;
      padding: 22px;
      border: 1px solid #55750c;
    }

    .regdesc {
      width: 25%;
      float: left;
      padding-left: 0 !important;
      line-height: 25px;
      padding-top: 15px;
    }

    .reginput {

      width: 75%;
    }

  }
}

/**** direct styles ****/
/* Letter Spacings */

.letter-spacing-0 {
  letter-spacing: 0px !important;
}

.letter-spacing-1 {
  letter-spacing: 1px !important;
}

.letter-spacing-2 {
  letter-spacing: 2px !important;
}

.letter-spacing-3 {
  letter-spacing: 3px !important;
}

.letter-spacing-4 {
  letter-spacing: 4px !important;
}

.letter-spacing-5 {
  letter-spacing: 5px !important;
}

.letter-spacing-10 {
  letter-spacing: 10px !important;
}

/* Word Spacings */

.word-spacing-1 {
  word-spacing: 1px !important;
}

.word-spacing-2 {
  word-spacing: 2px !important;
}

.word-spacing-3 {
  word-spacing: 3px !important;
}

.word-spacing-4 {
  word-spacing: 4px !important;
}

.word-spacing-5 {
  word-spacing: 5px !important;
}

.word-spacing-10 {
  word-spacing: 10px !important;
}

/* Margins */

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-side {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.mar-top-100 {
  margin-top: 100px !important;
}

.mar-top-50 {
  margin-top: 50px !important;
}

.mar-top-45 {
  margin-top: 45px !important;
}

.mar-top-40 {
  margin-top: 40px !important;
}

.mar-top-35 {
  margin-top: 35px !important;
}

.mar-top-30 {
  margin-top: 30px !important;
}

.mar-top-25 {
  margin-top: 25px !important;
}

.mar-top-20 {
  margin-top: 20px !important;
}

.mar-top-15 {
  margin-top: 15px !important;
}

.mar-top-10 {
  margin-top: 10px !important;
}

.mar-top-5 {
  margin-top: 5px !important;
}

.mar-top-m45 {
  margin-top: -45px !important;

}

.mar-bot-100 {
  margin-bottom: 100px !important;
}

.mar-bot-50 {
  margin-bottom: 50px !important;
}

.mar-bot-45 {
  margin-bottom: 45px !important;
}

.mar-bot-40 {
  margin-bottom: 40px !important;
}

.mar-bot-35 {
  margin-bottom: 35px !important;
}

.mar-bot-30 {
  margin-bottom: 30px !important;
}

.mar-bot-25 {
  margin-bottom: 25px !important;
}

.mar-bot-20 {
  margin-bottom: 20px !important;
}

.mar-bot-15 {
  margin-bottom: 15px !important;
}

.mar-bot-10 {
  margin-bottom: 10px !important;
}

.mar-bot-5 {
  margin-bottom: 5px !important;
}

.mar-left-100 {
  margin-left: 100px !important;
}

.mar-left-50 {
  margin-left: 50px !important;
}

.mar-left-45 {
  margin-left: 45px !important;
}

.mar-left-40 {
  margin-left: 40px !important;
}

.mar-left-35 {
  margin-left: 35px !important;
}

.mar-left-30 {
  margin-left: 30px !important;
}

.mar-left-25 {
  margin-left: 25px !important;
}

.mar-left-20 {
  margin-left: 20px !important;
}

.mar-left-15 {
  margin-left: 15px !important;
}

.mar-left-10 {
  margin-left: 10px !important;
}

.mar-left-5 {
  margin-left: 5px !important;
}

.mar-right-100 {
  margin-right: 100px !important;
}

.mar-right-50 {
  margin-right: 50px !important;
}

.mar-right-45 {
  margin-right: 45px !important;
}

.mar-right-40 {
  margin-right: 40px !important;
}

.mar-right-35 {
  margin-right: 35px !important;
}

.mar-right-30 {
  margin-right: 30px !important;
}

.mar-right-25 {
  margin-right: 25px !important;
}

.mar-right-20 {
  margin-right: 20px !important;
}

.mar-right-15 {
  margin-right: 15px !important;
}

.mar-right-10 {
  margin-right: 10px !important;
}

.mar-right-5 {
  margin-right: 5px !important;
}

/* Paddings */

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-side {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.pad-left-100 {
  padding-left: 100px !important;
}

.pad-left-50 {
  padding-left: 50px !important;
}

.pad-left-45 {
  padding-left: 45px !important;
}

.pad-left-40 {
  padding-left: 40px !important;
}

.pad-left-35 {
  padding-left: 35px !important;
}

.pad-left-30 {
  padding-left: 30px !important;
}

.pad-left-25 {
  padding-left: 25px !important;
}

.pad-left-20 {
  padding-left: 20px !important;
}

.pad-left-15 {
  padding-left: 15px !important;
}

.pad-left-10 {
  padding-left: 10px !important;
}

.pad-left-5 {
  padding-left: 5px !important;
}

.pad-right-100 {
  padding-right: 100px !important;
}

.pad-right-50 {
  padding-right: 50px !important;
}

.pad-right-45 {
  padding-right: 45px !important;
}

.pad-right-40 {
  padding-right: 40px !important;
}

.pad-right-35 {
  padding-right: 35px !important;
}

.pad-right-30 {
  padding-right: 30px !important;
}

.pad-right-25 {
  padding-right: 25px !important;
}

.pad-right-20 {
  padding-right: 20px !important;
}

.pad-right-15 {
  padding-right: 15px !important;
}

.pad-right-10 {
  padding-right: 10px !important;
}

.pad-right-5 {
  padding-right: 5px !important;
}

.pad-top-100 {
  padding-top: 100px !important;
}

.pad-top-50 {
  padding-top: 50px !important;
}

.pad-top-45 {
  padding-top: 45px !important;
}

.pad-top-40 {
  padding-top: 40px !important;
}

.pad-top-35 {
  padding-top: 35px !important;
}

.pad-top-30 {
  padding-top: 30px !important;
}

.pad-top-25 {
  padding-top: 25px !important;
}

.pad-top-20 {
  padding-top: 20px !important;
}

.pad-top-15 {
  padding-top: 15px !important;
}

.pad-top-10 {
  padding-top: 10px !important;
}

.pad-top-5 {
  padding-top: 5px !important;
}

.pad-bot-100 {
  padding-bottom: 100px !important;
}

.pad-bot-50 {
  padding-bottom: 50px !important;
}

.pad-bot-45 {
  padding-bottom: 45px !important;
}

.pad-bot-40 {
  padding-bottom: 40px !important;
}

.pad-bot-35 {
  padding-bottom: 35px !important;
}

.pad-bot-30 {
  padding-bottom: 30px !important;
}

.pad-bot-25 {
  padding-bottom: 25px !important;
}

.pad-bot-20 {
  padding-bottom: 20px !important;
}

.pad-bot-15 {
  padding-bottom: 15px !important;
}

.pad-bot-10 {
  padding-bottom: 10px !important;
}

.pad-bot-5 {
  padding-bottom: 5px !important;
}

#klaro .slider {
  height: auto !important;
  min-height: 30px;
}

/**** media queries *****/

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1400px) {
  ul.megamenu > li > ul > li > a,
  .megamenu > li > a {
    font-size: 16px;
  }

  #logo {
    text-align: left;
    margin: 30px 0 15px 0;
    width: 300px;
  }

  #logo img {
    width: 220px;
  }

  .mainnavUL > li > .navsub > li {
    padding: 0px 20px 5px 20px;
  }

  .blockcontainer > div > h1,
  #topslider .container .newsslider:before {
    font-size: 20px;
  }

  #topslider .jumbotron {
    top: -250px;
    height: 200px;
  }

  #topslider .jumbotron p {
    font-size: 16px;
  }

  #topslider .colorstripe {
    height: 50px;
    bottom: 9px;
  }

  #topslider .newspic {
    width: 280px;
    height: 200px;
    background-size: cover;
  }

  .h2, h2 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1200px) {
  .nav-tabs.nav-justified > li > a {
    font-size: 18px;
  }

  #suchewrap .spsearch {
    text-align: center;
    padding-left: 0;
    margin-left: 32%;
  }


  ul.megamenu > li > ul {
    width: 100%;
  }

  ul.megamenu > li > ul:before, ul.megamenu > li > ul:after {

    width: 0;
  }


  .owl-carousel {
    width: 970px;
    .owl-prev {
      left: -25px;
    }

    .owl-next {
      right: -25px;
    }
  }
}

@media only screen and (max-width: 1024px) {
  .megamenu > li {
    position: static;
    width: 22%;
    text-align: center;
  }

  #topslider .jumbotron {
    top: -300px;
    height: 250px;
  }

  #topslider .jumbotron p {
    font-size: 14px;
  }

  .sidebar .s-item {
    font-size: 24px;
  }

  .navcont {
    width: 1000px;

  }
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > li > a:hover {
    border-bottom: 5px solid @cColor2;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    background-color: transparent;
  }

  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid @cColor1;
    border-radius: 0px;
  }

}

@media (max-width: 991px) {

  .sidebar {
    display: none;
  }

  .navcont {
    width: 770px;

  }

  .newspic {
    width: 300px !important;
  }

  .container {
    width: 95%;
  }

  #topslider .jumbotron p {
    font-size: 16px;
  }

  /* .navcont {
      position: relative;
      display: block;
      height: 100%;
    }
    ul.mainnavUL {
      display: block;
      clear: both;
    }
    #mainnav .collapse.in {
      height: 100%;
    }
    ul.mainnavUL .active,
    ul.mainnavUL .mainnav
     {
      font-size: 21px;
      font-weight: 400;
    }
    ul.mainnavUL .sub1 {
      font-size: 18px;
    }
    .navcont .fa {
      position: absolute;
      display: block;
      right: 0;
      padding: 15px;
      top: 0px;
    }
    .navcont .li_mainnav>.navsub>li>.navsub {
      margin-left: 40px;
    }*/
  /* Footer Menü auf kleine Geräte musste eingeblendet werden ! (17.07.2020) */
  footer ul.dropnavUL {
    display: block;
  }

  /* */
}

@media only screen and (min-width: 991px) {
  ul.dropnavUL i {
    display: none;

  }
}

@media only screen and (max-width: 990px) {
  #topslider .jumbotron {
    top: -320px;
    height: 275px;
  }

  .regdesc {
    font-size: 14px;
  }

  .optionswrap {
    display: block;
    position: absolute;
    right: 95px;
    z-index: 100000;
    padding: 10px 0 10px 10px;
    width: 160px;
    top: 0;
  }

  .bc_bc {
    position: relative;
    display: block;
    float: right;
    background-color: @cColor1;
    padding: 20px;
    color: #fff;
    margin-top: -180px;
    z-index: 2;
    font-family: 'Roboto', sans-serif;
    border-radius: 0;
    min-width: 450px;
    min-height: 155px;
  }

  .bc_link_act {
    font-size: 24px;
    bottom: 15px;
    position: absolute;
    line-height: 1.2;
    word-break: break-word;
  }

  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
  }

  ul.dropnavUL {
    display: none;
    clear: both;
  }

  .navbar-toggle {
    display: block;
  }

  #logo {
    text-align: left;
    margin: 15px 0;
    width: 250px;
  }

  #suchewrap {
    padding: 25px 0;
    background-color: transparent;
    margin-top: 5px;
    position: relative;
    top: 0;

    .spsearch {
      padding-left: 0;
      width: 100%;
      margin-left: 0;
    }

    label, .x-form-field-wrap {
      width: 100% !important;
    }
  }


  .loggedin {
    display: block;
    float: right;
    position: absolute;
    text-align: right;
    right: 205px;
    top: 21px;
    font-size: 12px;
    color: @cColor2;
  }

  .navbar-nav > li {
    float: none;
    text-align: left;
    width: 100%;
  }

  .navcont {
    width: 100%;

    li a {
      background: transparent !important;
    }

    .dropdown-toggle {
      display: block;
      position: absolute;
      right: 0;
      top: 10px;
      font-size: 22px;
      padding: 11px;
      cursor: pointer;
      color: @cColor1;
    }
  }

  ul.megamenu > li {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #f1f3e7;
  }

  ul.megamenu > li > ul {
    position: static;
    display: none;
    visibility: visible;
    opacity: 1;
    background: white;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }

  ul.megamenu > li > ul > li > ul > li .dropdown-toggle {
    display: none;
  }

  ul.megamenu > li > ul > li {
    float: none;
    display: block;
    width: 100%;
    clear: both;
  }

  ul.megamenu > li > ul > li > a {
    border-bottom: 1px solid #f1f3e7;
    font-size: 17px;
    padding: 15px 10px;

  }

  ul.megamenu > li > i {
    color: @cColor2 !important;

  }

  ul.megamenu > li > ul > li > ul {
    visibility: visible;
    opacity: 1;
    padding: 0;
  }

  .mainnavUL > li > .navsub > li {
    padding: 0px 20px 5px 0px;
  }

  ul.megamenu .navsub .navsub > li > a {
    padding: 15px 0;
  }

  ul.navsub li:nth-child(4n+5) {
    clear: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }

  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  /*** Formulare der Formulargenerator ***/
  .frmelmdesc, .frmelmvalue {
    display: block;
  }

  .frmelmvalue{
    width: auto;
  }

  .frmelmvalue input {
    float: left;
    clear: both;
  }

  .frmelmvalue label {
    display: block;
    white-space: break-spaces;
  }

  .frmtext, .frmtel, .frmemail, .frmtextarea {
    width: 100%;
  }

  .frmcaptcha .frmelmvalue .captcha {
    width: 100%;
    margin-bottom: 15px;
    padding: 0 2px;
  }

  /**************************************/

  .owl-carousel {
    width: 750px;
    padding: 0 30px;

    .owl-prev {
      left: -5px;
    }

    .owl-next {
      right: 5px;
    }
  }
}


@media (max-width: 768px) {

  .spcontainer .spconfig {
    float: left;
    width: 35%;
  }

  .spcontainer .spresult {
    float: left;
    width: 65%;
    min-height: 500px;
  }

  .h1, h1 {
    font-size: 25px;
  }

  footer {
    background: url(/__/img/footer_welle.jpg) center top no-repeat;
    background-size: contain;
    padding-top: 100px;
  }

  footer .kontaktfoot, footer .socialmedia, footer .newsletterabo {
    margin-top: 50px;
  }

  .ansicht .c_teaser {

    font-size: 16px;

  }

  #ktfrm2 .tab-search input[type=text], #ktfrm3 .tab-search input[type=text], #ktfrm .tab-search input[type=text] {
    float: left;
    width: 100% !important;
    margin-bottom: 15px !important;
    height: 36px !important;
  }

  #ktfrm2 .tab-search .btn, #ktfrm3 .tab-search .btn, #ktfrm .tab-search .btn {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }

  /** CSS-Arrow **/
  .cssarrow {
    position: relative;
    background: transparent;
    border-bottom: 2px solid @cColor2 !important;
  }

  .cssarrow:after,
  .cssarrow:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }

  .cssarrow:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: transparent;
    border-width: 11px;
    margin-left: -11px;
  }

  .cssarrow:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: @cColor2;
    border-width: 16px;
    margin-left: -16px;
  }


  .nav-tabs.nav-justified > li {
    float: none;
  }

  .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border-bottom: 5px solid @cColor2;
    font-weight: bold;
    color: @cColor2;
  }

  .nav-tabs li a {
    min-height: 76px;
  }

  .ev_highlight .event_media {
    display: block;
    position: relative;

    width: 100%;
    background-size: cover;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
  }

  .event_media {
    height: 300px !important;
  }

  .contact-bottom {
    margin-top: 100px;
  }

  .contact {
    margin-bottom: 30px;
    margin-top: 50px;
  }

  .blockcontainer > div > h1.greenbottom {

    margin-bottom: -100px;
  }

  .tr_3 .blockcontainer > div > h1.greenbottom, .tr_80 .blockcontainer > div > h1.greenbottom {

    margin-bottom: 0px;
  }

  .uebersicht.rubrik {
    min-height: auto;
    margin-bottom: 50px;
  }

  .content > .blockcontainer > .cbcontainer {
    min-height: auto;
    margin-bottom: 50px;
  }

  .ktlg-details .kt-thumb {
    width: 100%;
    height: 250px;
  }

  .ansicht .c_content {
    font-weight: 300;
    line-height: 1.4;
    font-size: 16px;
  }

  .event_wrap,
  .blockcontainer:nth-child(2) > .cbcontainer,
  .blockcontainer:nth-child(3) > .cbcontainer {
    height: auto;
    margin-bottom: 30px;
    margin-top: 70px;
  }


  .ev_highlight {
    padding-bottom: 20px;
  }

  .sidebar {
    display: none;
  }

  .newspic {
    width: 100% !important;
    height: 275px !important;
    margin-bottom: 10px !important;
  }

  .tr_3 #topslider .arrow, .tr_80 #topslider .arrow {
    bottom: 300px;
  }

  .tr_3 .slider, .tr_80 .slider {
    min-height: 600px;

  }

  .arrow-left {
    left: 5px;
  }

  .arrow-right {
    right: 5px;
  }

  #topslider .jumbotron {
    top: -600px;
    position: relative;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
  }

  .container {
    width: 100%;
  }

  #topslider .jumbotron p {
    font-size: 16px;
  }

  .newscontent {
    padding: 40px 15px 0 15px;
  }

  #topslider .container .newsslider:before,
  .blockcontainer > div > h1 {

    font-size: 18px;
  }

  .blockcontainer > div > h1 {
    left: -30px;
  }

  .tr_3 .bigslide, .tr_80 .bigslide {
    visibility: hidden;

  }

  .colorstripe {
    display: none !important;
  }

  .indicators {
    width: 100%;
    bottom: 0;
    z-index: 4;
    padding: 0;
    text-align: center;
    background: @cColor1;
    padding: 15px;
  }

  .furtherlink {
    display: inline-block;
    position: relative;
    right: auto;
    top: auto;
    clear: both;
    padding-bottom: 10px;
  }

  .owl-carousel {
    width: 100% !important;

    .owl-prev, .owl-next {
      display: none;
    }

    .owl-stage-outer, .owl-stage {
      width: 100% !important;
      transform: none !important;
    }

    .owl-item {
      width: 100% !important;
      margin-bottom: 50px;

      a.thumb {
        height: 400px;
      }
    }

    .owl-item.cloned {
      display: none;
    }
  }

}

@media (max-width: 550px) {
  .spcontainer .spconfig {
    float: none;
    width: 100%;
    display: none;
  }

  .spcontainer .spresult {
    float: none;
    width: 90%;
    min-height: 500px;
    padding-left: 0;
    font-size: 14px;
  }


  #logo img {
    width: 200px;
  }

  .reginput, .regdesc {
    width: 100% !important
  }

  .hamburger {
    padding: 0;

  }

  .loggedin {
    display: block;
    float: right;
    position: absolute;
    text-align: center;
    right: 100px;
    top: 60px;
    font-size: 12px;
    color: @cColor2;
  }

  .optionswrap {
    display: block;
    position: absolute;
    right: 65px;
    z-index: 100000;
    padding: 10px 0 10px 10px;
    width: 160px;
    top: 0;
  }

  .bc_bc {

    margin-top: -185px;
    min-width: 100%;
  }

  .bc_link_act {
    font-size: 22px;
  }

  .navbar-toggle {
    margin-right: auto;
  }

  .h1, h1 {
    font-size: 21px;
  }


  .event_media {
    height: 250px !important;
  }

  .newspic {
    width: 100% !important;
    height: 230px !important;
    margin-bottom: 10px !important;
  }

  .tr_3 .slider, .tr_80 .slider {
    min-height: 600px;
  }

  #topslider .jumbotron {
    top: -600px;
  }

  .uebersicht.rubrik.col-md-3 {
    min-height: auto;
  }

  /*** Formulare der Formulargenerator ***/
  .frmelmdesc, .frmelmvalue {
    display: block;
  }

  .frmelmvalue input {
    float: left;
    clear: both;
  }

  .frmelmvalue label {
    display: block;
    white-space: break-spaces;
  }

  .frmtext, .frmtel, .frmemail, .frmtextarea {
    width: 100%;
  }

  .frmcaptcha .frmelmvalue .captcha {
    width: 100%;
    margin-bottom: 15px;
    padding: 0 2px;
  }

  /**************************************/
}

@media (max-width: 400px) {
  #logo {
    text-align: center;
    padding: 25px 0 0 0;
    margin: 0;
    width: 100%;
    clear: both;
  }

  #logo img {
    width: 250px;
  }

  #suchewrap {
    padding: 0 0 15px 0;
    background-color: transparent;
    margin-top: 5px;
    position: relative;
    top: 0;
  }

  #suche {
    width: 100%;
  }

  .loggedin {
    display: block;
    float: right;
    position: absolute;
    text-align: right;
    right: 160px;
    top: 21px;
    font-size: 12px;
    color: @cColor2;
  }

  .event_media {
    height: 210px !important;
  }

  .newspic {
    width: 100% !important;
    height: 180px !important;
    margin-bottom: 10px !important;
  }

  .newsthumb {
    width: 100% !important;
  }

  .tab-search .btn {
    width: 200px;
    margin-left: 0;
    margin-top: 10px;
  }

  .owl-carousel .owl-item a.thumb {
    height: 275px;
  }
}

@media (max-width: 320px) {
  #logo img {
    width: 160px;
  }

}