.valign {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.valign > .vcontainer {
  display: table-cell;
  vertical-align: middle;
}
.panel-group {
  margin-bottom: 20px;
}
iframe{border:none;}

/********** Search **********/
.searchbar-section {
  z-index: 1000;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .searchbar-section {
    position: relative;
    bottom: auto;
    left: auto;
    width: auto;
    margin-left: -16px;
    margin-right: -16px;
  }
}
.searchbar-inner {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
@media (max-width: 767px) {
  .searchbar-inner {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
  }
}
.searchbar-background {
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.navbar-inverse .searchbar-background {
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.searchbar-fieldset {
  padding: 10px 0;
}
.searchbar {
  text-align: right;
  margin-bottom: 0px;
}
.searchbar-field {
  width: 300px;
}
@media (max-width: 767px) {
  .searchbar-field {
    width: 100%;
  }
}
.searchbar .form-group {
  margin-bottom: 0px;
}


/************************************************/
/******************** Images ********************/
/************************************************/
/*
.image {
  display: block;
  margin-bottom: 20px;
  line-height: 1.42857143;
}
.image > img,
.image a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .image > img,
  .image a > img {
    margin: 0 auto;
  }
}
.image .caption {
  padding: 9px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.image-row {
  margin-left: -15px;
  margin-right: -15px;
}
.image-column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .image-column {
    float: left;
  }
}
.image-wrap {
  max-width: 100%;
}
.image-below .image-wrap {
  margin-top: 20px;
}
.image-center-outer {
  width: 100%;
  position: relative;
  float: right;
  right: 50%;
}
.image-center-inner {
  width: 100%;
  position: relative;
  float: right;
  right: -50%;
}
.image-left .image-wrap {
  float: left;
}
.image-left .text {
  clear: left;
}
.image-right .image-wrap {
  float: right;
}
.image-right .text {
  clear: right;
}
.image-wrap:before,
.image-below:before,
.image-above:before,
.image-beside:before,
.image-intext:before,
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  content: " ";
  display: table;
}
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  clear: both;
}
.image-wrap:before,
.image-below:before,
.image-above:before,
.image-beside:before,
.image-intext:before,
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  content: " ";
  display: table;
}
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  clear: both;
}
.image-beside-left .image-wrap,
.image-intext-left .image-wrap {
  float: left;
  margin-left: -15px;
}
.image-beside-right .image-wrap,
.image-intext-right .image-wrap {
  float: right;
  margin-right: -15px;
}
.image-beside-left .image-wrap,
.image-beside-right .image-wrap,
.image-intext-left .image-wrap,
.image-intext-right .image-wrap {
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.image-beside-right,
.image-beside-left {
  overflow: hidden;
  zoom: 1;
}
.image-beside-right .text,
.image-beside-left .text {
  overflow: hidden;
  zoom: 1;
}
@media (max-width: 767px) {
  .image-beside-right .image-wrap,
  .image-beside-left .image-wrap {
    margin-left: -15px;
    margin-right: -15px;
    max-width: none;
    float: none;
  }
}
.image-header-1 .image-wrap,
.image-header-2 .image-wrap,
.image-header-3 .image-wrap {
  margin-top: 20px;
}
.image-header-4 .image-wrap,
.image-header-5 .image-wrap,
.image-header-6 .image-wrap {
  margin-top: 10px;
}
.news-info {
  margin-bottom: 10px;
}
*/
/************************************************/


/**************************************************/
/******************** Carousel ********************/
/**************************************************/
.carousel-small .carousel-inner .item {
  height: 300px;
}
@media (min-width: 992px) {
  .carousel-small .carousel-inner .item {
    height: 400px;
  }
}
.carousel-text {
  color: #FFFFFF;
  text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
}
.carousel-item-type-header .carousel-text-inner {
  margin: 0 auto;
}
@media (min-width: 992px) {
  .carousel-item-type-header .carousel-text-inner {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .carousel-item-type-header .carousel-text-inner {
    width: 65%;
  }
}
.carousel-item-type-textandimage .carousel-image {
  display: none;
}
.carousel-item-type-textandimage .carousel-image img {
  margin: 0 auto;
  max-width: 100%;
  display: block;
  height: auto;
}
@media (min-width: 768px) {
  .carousel-item-type-textandimage .carousel-image {
    display: table-cell;
  }
}
.carousel-inner {
  z-index: 0;
}
.carousel-inner h1,
.carousel-inner h2,
.carousel-inner h3,
.carousel-inner h4,
.carousel-inner h5,
.carousel-inner h6 {
  margin-top: 0;
  margin-bottom: 0;
  color:inherit;
}
.carousel-inner .valign {
  margin: 0 auto;
  height: 100%;
}
@media (min-width: 768px) {
  .carousel-inner .valign {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .carousel-inner .valign {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .carousel-inner .valign {
    width: 1140px;
  }
}
.carousel-inner > .item {
  overflow: hidden;
  height: 400px;
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out 0s;
  transition: opacity 0.6s ease-in-out 0s;
}
@media (min-width: 992px) {
  .carousel-inner > .item {
    height: 600px;
  }
}
@media (max-width: 991px) {
  .carousel-inner > .item {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.carousel-inner > .active {
  z-index: 1;
  opacity: 1;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  opacity: 1;
  z-index: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev,
.carousel-inner > .active.left,
.carousel-inner > .active.right {
  left: 0;
}
.carousel-inner > .active.left,
.carousel-inner > .active.right {
  opacity: 0;
}
.container .carousel {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .container .carousel {
    margin-left: 0;
    margin-right: 0;
  }
}
.container .carousel-inner > .item {
  padding-left: 30px;
  padding-right: 30px;
}
.container .carousel-inner .valign {
  width: 100%;
}
@media (min-width: 992px) {
  .carousel-control {
    width: 100px;
  }
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,.0001) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,.0001) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.5)),to(rgba(255,255,255,.0001)));
    background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right {
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.0001) 0,rgba(255,255,255,.5) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.0001) 0,rgba(255,255,255,.5) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.0001)),to(rgba(255,255,255,.5)));
    background-image: linear-gradient(to right,rgba(255,255,255,.0001) 0,rgba(255,255,255,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#80ffffff', GradientType=1);
    background-repeat: repeat-x;
}
  
.carousel-indicators,
.carousel-control {
  -webkit-transition: opacity 0.6s ease-in-out 0s;
  transition: opacity 0.6s ease-in-out 0s;
  opacity: 0;
}
.carousel:hover .carousel-indicators,
.carousel:hover .carousel-control {
  opacity: .5;
}
.carousel-control:focus {opacity:0;}
/****************************************************/


/***********************************************/
/******************** TYPO3 ********************/
/***********************************************/
.footer-section {
  border-top: 1px solid #3c3c3c;
  color: #ffffff;
  margin-top: 40px;
  padding: 20px 0 30px;
  background: #333333;
}
.footer-section a {
  color: #ffffff;
}
.footer-section a:hover,
.footer-section a:focus {
  color: #ff8700;
}
.meta-section {
  color: #ffffff;
  border-top: 1px solid #2b2b2b;
  background-color: #333333;
  padding: 10px 0;
}
.meta-section a {
  font-weight: bold;
  color: #ffffff;
}
.meta-section a:hover,
.meta-section a:focus {
  color: #ff8700;
}
.meta-section .active a {
  color: #ff8700;
}
.meta-section ul,
.meta-section p {
  margin: 10px 0;
}
@media (min-width: 992px) {
  .meta-section ul,
  .meta-section p {
    margin: 0;
  }
  .meta-section .copyright {
    text-align: right;
  }
}
img.lazyload {
  opacity: 0.3;
  -webkit-transition: opacity 0.3s ease-in 0s;
  transition: opacity 0.3s ease-in 0s;
}
.list-inline > li:first-child {
  padding-left: 0px;
}
body .typo3-feedit-element {
  outline: 3px solid rgba(255, 135, 0, 0.5) !important;
}
body .typo3-feedit-element:hover {
  outline: 3px solid #ff8700 !important;
}
.typo3-editPanel {
  background-color: #eaeaea !important;
  color: #333333;
  padding: 0px 5px;
  line-height: 2em;
  margin-bottom: 20px;
}
.typo3-editPanel:before,
.typo3-editPanel:after {
  content: " ";
  display: table;
}
.typo3-editPanel:after {
  clear: both;
}
.typo3-editPanel:before,
.typo3-editPanel:after {
  content: " ";
  display: table;
}
.typo3-editPanel:after {
  clear: both;
}
body .typo3-feedit-element-hidden {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
body .typo3-feedit-element-hidden:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.t3-icon {
  vertical-align: middle;
}
.typo3-feedit-page:before,
.typo3-feedit-page:after {
  content: " ";
  display: table;
}
.typo3-feedit-page:after {
  clear: both;
}
.typo3-feedit-page:before,
.typo3-feedit-page:after {
  content: " ";
  display: table;
}
.typo3-feedit-page:after {
  clear: both;
}
.typo3-feedit-page .typo3-feedit-element {
  outline: none !important;
  border-bottom: 3px solid #ff8700;
}
.typo3-feedit-page .typo3-editPanel {
  margin-bottom: 0;
}
.modal-lightbox {
  margin: 10px auto;
}
.modal-lightbox .close {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px 15px;
  line-height: 40px;
}
.modal-lightbox .modal-body {
  padding: 0px;
}
.modal-lightbox .modal-content {
  border: none;
}
.modal-lightbox .modal-caption {
  background-color: #ff8700;
  background-color: rgba(255, 135, 0, 0.9);
  color: #FFFFFF;
  padding: 10px 20px;
}
.modal-lightbox .modal-caption-title {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
}
.modal-lightbox .img-responsive {
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .modal-lightbox {
    margin: 30px auto;
    width: 600px;
  }
  .modal-lightbox .modal-caption {
    position: absolute;
    left: 0px;
    bottom: 20px;
    max-width: 80%;
  }
}
@media screen and (min-width: 992px) {
  .modal-lightbox {
    width: 800px;
  }
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.panel-body *:last-child {
  margin-bottom: 0;
}
.frame.well *:first-child {
  margin-top: 0px;
}
.frame.well *:last-child {
  margin-bottom: 0px;
}
.frame.rulerbefore {
  border-top: 1px solid #eeeeee;
  padding-top: 9px;
  margin-top: 20px;
}
.frame.rulerafter {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 9px;
  margin-bottom: 20px;
}

/* TYPO3 Images */
.image {
  display: block;
  margin-bottom: 24px;
  line-height: 1.55;
}
.image > img,
.image a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .image > img,
  .image a > img {
    margin: 0 auto;
  }
}
.image .caption {
  padding: 9px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.image-row {
  margin-left: -15px;
  margin-right: -15px;
}
.image-column {
  max-width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .image-column {
    float: left;
  }
}
.image-wrap {
  overflow: hidden;
  max-width: 100%;
}
.image-below .image-wrap {
  margin-top: 24px;
}
.image-center .image > img {
  margin: 0 auto;
}
.image-center-outer {
  width: 100%;
  position: relative;
  float: right;
  right: 50%;
}
.image-center-inner {
  width: 100%;
  position: relative;
  float: right;
  right: -50%;
}
.image-left .image-wrap {
  float: left;
}
.image-left .text {
  clear: left;
}
.image-right .image-wrap {
  float: right;
}
.image-right .text {
  clear: right;
}
.image-wrap:before,
.image-below:before,
.image-above:before,
.image-beside:before,
.image-intext:before,
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  content: " ";
  display: table;
}
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  clear: both;
}
.image-wrap:before,
.image-below:before,
.image-above:before,
.image-beside:before,
.image-intext:before,
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  content: " ";
  display: table;
}
.image-wrap:after,
.image-below:after,
.image-above:after,
.image-beside:after,
.image-intext:after {
  clear: both;
}
.image-beside-left .image-wrap,
.image-intext-left .image-wrap {
  float: left;
  margin-left: -15px;
}
.image-beside-right .image-wrap,
.image-intext-right .image-wrap {
  float: right;
  margin-right: -15px;
}
.image-beside-left .image-wrap,
.image-beside-right .image-wrap,
.image-intext-left .image-wrap,
.image-intext-right .image-wrap {
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}
.image-beside-right,
.image-beside-left {
  overflow: hidden;
  zoom: 1;
}
.image-beside-right .text,
.image-beside-left .text {
  overflow: hidden;
  zoom: 1;
}
@media (max-width: 767px) {
  .image-beside-right .image-wrap,
  .image-beside-left .image-wrap {
    margin-left: -15px;
    margin-right: -15px;
    max-width: none;
    float: none;
  }
}
.image-header-1 .image-wrap,
.image-header-2 .image-wrap,
.image-header-3 .image-wrap {
  margin-top: 24px;
}
.image-header-4 .image-wrap,
.image-header-5 .image-wrap,
.image-header-6 .image-wrap {
  margin-top: 12px;
}
.csc-textpic-caption-c {
  text-align: center;
}
.csc-textpic-caption-l {
  text-align: left;
}
.csc-textpic-caption-r {
  text-align: right;
}

/* TYPO3 Form */
body .typo3-feedit-element,
.htmlarea-content-body .typo3-feedit-element {
  outline: 3px solid rgba(255, 135, 0, 0.5) !important;
}
body .typo3-feedit-element:hover,
.htmlarea-content-body .typo3-feedit-element:hover {
  outline: 3px solid #ff8700 !important;
}
.typo3-editPanel {
  background-color: #eaeaea!important;
  color: #333333;
  padding: 0px 5px;
  line-height: 2em;
  margin-bottom: 24px;
}
.typo3-editPanel:before,
.typo3-editPanel:after {
  content: " ";
  display: table;
}
.typo3-editPanel:after {
  clear: both;
}
.typo3-editPanel:before,
.typo3-editPanel:after {
  content: " ";
  display: table;
}
.typo3-editPanel:after {
  clear: both;
}
body .typo3-feedit-element-hidden,
.htmlarea-content-body .typo3-feedit-element-hidden {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
body .typo3-feedit-element-hidden:hover,
.htmlarea-content-body .typo3-feedit-element-hidden:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.t3-icon {
  vertical-align: middle;
}
.typo3-feedit-page:before,
.typo3-feedit-page:after {
  content: " ";
  display: table;
}
.typo3-feedit-page:after {
  clear: both;
}
.typo3-feedit-page:before,
.typo3-feedit-page:after {
  content: " ";
  display: table;
}
.typo3-feedit-page:after {
  clear: both;
}
.typo3-feedit-page .typo3-feedit-element {
  outline: none!important;
  border-bottom: 3px solid #ff8700;
}
.typo3-feedit-page .typo3-editPanel {
  margin-bottom: 0;
}
.csc-form-element .form-group:before,
.csc-form-element .form-group:after {
  content: " ";
  display: table;
}
.csc-form-element .form-group:after {
  clear: both;
}
.csc-form-element .form-group:before,
.csc-form-element .form-group:after {
  content: " ";
  display: table;
}
.csc-form-element .form-group:after {
  clear: both;
}
.csc-form-element .control-label {
  text-align: left;
}
.csc-form-element .control-label legend {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
  border: none;
}
.csc-form-element .help-block.text-danger {
  color: #a94442;
  font-weight: normal;
}
a.csc-form-element .help-block.text-danger:hover,
a.csc-form-element .help-block.text-danger:focus {
  color: #843534;
}
.csc-form-element-radio .radio input[type="radio"],
.csc-form-element-checkbox .checkbox input[type="checkbox"] {
  margin-left: 0;
}
.csc-form-confirmation ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.csc-form-confirmation ol li {
  display: inline-block;
}
.csc-form-confirmation-false input,
.csc-form-confirmation-true input {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.55;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.csc-form-confirmation-false input:focus,
.csc-form-confirmation-true input:focus,
.csc-form-confirmation-false input:active:focus,
.csc-form-confirmation-true input:active:focus,
.csc-form-confirmation-false input.active:focus,
.csc-form-confirmation-true input.active:focus,
.csc-form-confirmation-false input.focus,
.csc-form-confirmation-true input.focus,
.csc-form-confirmation-false input:active.focus,
.csc-form-confirmation-true input:active.focus,
.csc-form-confirmation-false input.active.focus,
.csc-form-confirmation-true input.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.csc-form-confirmation-false input:hover,
.csc-form-confirmation-true input:hover,
.csc-form-confirmation-false input:focus,
.csc-form-confirmation-true input:focus,
.csc-form-confirmation-false input.focus,
.csc-form-confirmation-true input.focus {
  color: #333333;
  text-decoration: none;
}
.csc-form-confirmation-false input:active,
.csc-form-confirmation-true input:active,
.csc-form-confirmation-false input.active,
.csc-form-confirmation-true input.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.csc-form-confirmation-false input.disabled,
.csc-form-confirmation-true input.disabled,
.csc-form-confirmation-false input[disabled],
.csc-form-confirmation-true input[disabled],
fieldset[disabled] .csc-form-confirmation-false input,
fieldset[disabled] .csc-form-confirmation-true input {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.csc-form-confirmation-false input.disabled,
a.csc-form-confirmation-true input.disabled,
fieldset[disabled] a.csc-form-confirmation-false input,
fieldset[disabled] a.csc-form-confirmation-true input {
  pointer-events: none;
}
.csc-form-confirmation-true input {
  color: #ffffff;
  background-color: #ff8700;
  border-color: #e67a00;
}
.csc-form-confirmation-true input:focus,
.csc-form-confirmation-true input.focus {
  color: #ffffff;
  background-color: #cc6c00;
  border-color: #663600;
}
.csc-form-confirmation-true input:hover {
  color: #ffffff;
  background-color: #cc6c00;
  border-color: #a85900;
}
.csc-form-confirmation-true input:active,
.csc-form-confirmation-true input.active,
.open > .dropdown-toggle.csc-form-confirmation-true input {
  color: #ffffff;
  background-color: #cc6c00;
  border-color: #a85900;
}
.csc-form-confirmation-true input:active:hover,
.csc-form-confirmation-true input.active:hover,
.open > .dropdown-toggle.csc-form-confirmation-true input:hover,
.csc-form-confirmation-true input:active:focus,
.csc-form-confirmation-true input.active:focus,
.open > .dropdown-toggle.csc-form-confirmation-true input:focus,
.csc-form-confirmation-true input:active.focus,
.csc-form-confirmation-true input.active.focus,
.open > .dropdown-toggle.csc-form-confirmation-true input.focus {
  color: #ffffff;
  background-color: #a85900;
  border-color: #663600;
}
.csc-form-confirmation-true input:active,
.csc-form-confirmation-true input.active,
.open > .dropdown-toggle.csc-form-confirmation-true input {
  background-image: none;
}
.csc-form-confirmation-true input.disabled,
.csc-form-confirmation-true input[disabled],
fieldset[disabled] .csc-form-confirmation-true input,
.csc-form-confirmation-true input.disabled:hover,
.csc-form-confirmation-true input[disabled]:hover,
fieldset[disabled] .csc-form-confirmation-true input:hover,
.csc-form-confirmation-true input.disabled:focus,
.csc-form-confirmation-true input[disabled]:focus,
fieldset[disabled] .csc-form-confirmation-true input:focus,
.csc-form-confirmation-true input.disabled.focus,
.csc-form-confirmation-true input[disabled].focus,
fieldset[disabled] .csc-form-confirmation-true input.focus,
.csc-form-confirmation-true input.disabled:active,
.csc-form-confirmation-true input[disabled]:active,
fieldset[disabled] .csc-form-confirmation-true input:active,
.csc-form-confirmation-true input.disabled.active,
.csc-form-confirmation-true input[disabled].active,
fieldset[disabled] .csc-form-confirmation-true input.active {
  background-color: #ff8700;
  border-color: #e67a00;
}
.csc-form-confirmation-true input .badge {
  color: #ff8700;
  background-color: #ffffff;
}
.csc-form-confirmation-false input {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.csc-form-confirmation-false input:focus,
.csc-form-confirmation-false input.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.csc-form-confirmation-false input:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.csc-form-confirmation-false input:active,
.csc-form-confirmation-false input.active,
.open > .dropdown-toggle.csc-form-confirmation-false input {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.csc-form-confirmation-false input:active:hover,
.csc-form-confirmation-false input.active:hover,
.open > .dropdown-toggle.csc-form-confirmation-false input:hover,
.csc-form-confirmation-false input:active:focus,
.csc-form-confirmation-false input.active:focus,
.open > .dropdown-toggle.csc-form-confirmation-false input:focus,
.csc-form-confirmation-false input:active.focus,
.csc-form-confirmation-false input.active.focus,
.open > .dropdown-toggle.csc-form-confirmation-false input.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.csc-form-confirmation-false input:active,
.csc-form-confirmation-false input.active,
.open > .dropdown-toggle.csc-form-confirmation-false input {
  background-image: none;
}
.csc-form-confirmation-false input.disabled,
.csc-form-confirmation-false input[disabled],
fieldset[disabled] .csc-form-confirmation-false input,
.csc-form-confirmation-false input.disabled:hover,
.csc-form-confirmation-false input[disabled]:hover,
fieldset[disabled] .csc-form-confirmation-false input:hover,
.csc-form-confirmation-false input.disabled:focus,
.csc-form-confirmation-false input[disabled]:focus,
fieldset[disabled] .csc-form-confirmation-false input:focus,
.csc-form-confirmation-false input.disabled.focus,
.csc-form-confirmation-false input[disabled].focus,
fieldset[disabled] .csc-form-confirmation-false input.focus,
.csc-form-confirmation-false input.disabled:active,
.csc-form-confirmation-false input[disabled]:active,
fieldset[disabled] .csc-form-confirmation-false input:active,
.csc-form-confirmation-false input.disabled.active,
.csc-form-confirmation-false input[disabled].active,
fieldset[disabled] .csc-form-confirmation-false input.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.csc-form-confirmation-false input .badge {
  color: #ffffff;
  background-color: #333333;
}
/***********************************************/
@CHARSET "UTF-8";

/***********************************************/
/******************** Fonts ********************/
/***********************************************/
/**
    Text:
    font-family:    'Roboto', sans-serif; (Regular: 400, Bold: 700, Black: 900)
    
    Headlines:
    font-family:    'Melanie BT W01 Roman';
    
*/
/***********************************************/
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../Fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

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

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

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

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


*,
*:focus {outline:0;}
a {color:#35a7da;}
a:hover {
  text-decoration: none;
  color:#3f6eac;
}
a:focus {outline:0;}
img[usemap] {
    border: none;
    height: auto;
    max-width: 100%;
    width: 100%;
}
.caret {
  margin-left: 5px;
}
.caption {
  color: #999999;
}
h1 {margin:0 0 20px 0; padding:0; font-family:'Roboto', sans-serif; font-size:44px; font-weight:700; color:#35a7da;}
h2 {margin:0 0 20px 0; padding:0; font-family:'Roboto', sans-serif; font-size:24px; font-weight:700; color:#35a7da;}
h3 {margin:0; padding:0; font-family:'Roboto', sans-serif; font-size:16px; font-weight:700; line-height:20px; color:#555;}
html {}
body {
  position: relative;
  background-color:#f6f6f6;
  font-family:'Roboto', sans-serif;
  font-size:16px;
  line-height:20px;
  color:#555;
}
.stage {
  overflow: hidden;
  zoom: 1;
  position:relative;
  /*
  background-color:#fff;
  background-image:url(../Images/diershof_bg.jpg);
  background-position:right 350px;
  background-repeat:no-repeat;
  */
}
.stage::after {
  content: "";
  background-color:#fff;
  background-image:url(../Images/diershof_bg.jpg);
  background-position:right 350px;
  background-repeat:no-repeat;
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
body.noTouchDevice {
  min-width:320px;
}

#headerArea {
  position:relative;
  background:#3f6eac;
}

#contentArea h1.claim {font-size:35px; line-height:44px; text-transform:uppercase;}
#contentArea > #contentContainer {/*padding-top:50px;*/ padding-top:0;}
#contentArea > #contentContainer > div {padding:0 0 55px 0;}
#contentArea .pageSubheader {display:inline-block; margin-bottom:55px; padding:3px 15px 0px 15px; font-size:20px; line-height:32px; background:#ff9c3b; color:#fff;}
#contentSliderContainer {text-align:center;}

.mainContent > div.frame,
.additionalContent > div.frame,
.twoColGridContent {margin-bottom:60px;}
/* None */
.mainContent > div.frame.frame-space-after-none,
.additionalContent > div.frame.frame-space-after-none,
.twoColGridContent.frame-space-after-none {margin-bottom:0;}
/* Extra Small */
.mainContent > div.frame.frame-space-after-extra-small,
.additionalContent > div.frame.frame-space-after-extra-small,
.twoColGridContent.frame-space-after-extra-small {margin-bottom:15px;}
/* Small */
.mainContent > div.frame.frame-space-after-small,
.additionalContent > div.frame.frame-space-after-small,
.twoColGridContent.frame-space-after-small {margin-bottom:30px;}
/* Large */
.mainContent > div.frame.frame-space-after-large,
.additionalContent > div.frame.frame-space-after-large,
.twoColGridContent.frame-space-after-large {margin-bottom:90px;}
/* Extra Large */
.mainContent > div.frame.frame-space-after-extra-large,
.additionalContent > div.frame.frame-space-after-extra-large,
.twoColGridContent.frame-space-after-extra-large {margin-bottom:120px;}

div.frame div.frame {margin-bottom:0;}
.twoColGridContent div.frame {margin-bottom:0;}

#footerArea {
  padding:0;
  color:#fff;
  line-height:0;
}
#copyrightContainer {border-bottom:1px solid #fff; line-height:44px; font-size:14px; text-align:left;}
#copyrightContainer a {padding-left:5px; color:#fff;}
#copyrightContainer .divider {padding-left:5px;}
#footerTop{position:relative; top:1px; width:100%;}

#footerMain {position:relative; background:#3f6eac; z-index:1}
#copyrightContainer a.footerPhoneButton {
    display:block;
    position:relative;
    float:right;
    height: 38px;
    line-height: 38px;
    padding: 0 49px 0 15px;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
#copyrightContainer a.footerPhoneButton > span {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    float: right;
    width: 32px;
    padding-left: 2px;
    background: #fff;
    color: #3f6eac;
    font-size:20px;
    line-height: 34px;
    text-align:center;
}
.footerColumn {padding-top:20px; padding-bottom:20px; line-height:20px; text-align:left;}
.footerColumn p {font-size:12px; line-height:20px; margin-bottom:13px;}
.footerColumn h4 {margin:0; font-size:14px; font-weight:700; line-height:20px; color:#fff;}
.footerColumn a {color:#fff;}

.footerColumn .socialMediaLinks > a {font-size:34px;}

.navbar-brand {position:relative; height:auto; padding:0;}
.navbar-brand>img {
    width:100%;
    height:auto;
}

/****************************************************/
/******************** Navigation ********************/
/****************************************************/
.navbar-collapse {
  max-height: none;
  text-align:center;
  background:rgba(255,255,255,0.9);
  border:none;
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
/*
.navbar-collapse:before, .navbar-collapse:after {-moz-box-sizing:inherit;}
.navbar-collapse > ul {
  overflow:scroll;
  -webkit-overflow-scrolling: touch;
}
*/
.navbar.navbar-top {
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius:0;
  margin-bottom: 0px;
  background:transparent;
  min-height:45px;
}
.navbar-header-main .navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  font-family: "Adelle W02 Regular", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 160px;
  height: 160px;
  -webkit-transition: opacity 0.15s ease-in-out 0s;
  transition: opacity 0.15s ease-in-out 0s;
}
.navbar-header-main .navbar-brand:hover {
  opacity: 0.8;
}
.navbar-header-main .navbar-toggle {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 30px;
  line-height:30px;
  padding: 5px;
  width:57px;
  margin-right: 0;
  margin-left: 0;
  border:none;
  text-align:center;
}
.navbar-header-main .navbar-toggle > .glyphicon-list:before {content:"\e236";}

.navbar-header-main .navbar-toggle:hover,
.navbar-header-main .navbar-toggle:focus {
  outline:0;
  background:transparent;
}
.navbar-header-main .navbar-header-border-bottom {
  display: none;
  left: 0;
  bottom: -1px;
  position: absolute;
  margin-left: 0;
  background-color: #eeeeee;
  height: 1px;
}
/*@media (max-width: 991px) {*/
  .navbar-header-main {
    position: relative;
  }
  .navbar-header-main .navbar-brand {
    padding: 30px 15px;
    font-size: 18px;
    line-height: 20px;
    height: auto;
  }
  .navbar-header-main .navbar-brand.navbar-brand-image {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .navbar-header-main .navbar-brand.navbar-brand-image > img {
    padding-left:15px;
	max-height: 59px;
    width: auto;
  }
  .navbar-header-main .navbar-header-border-bottom {
    display: block;
  }
/*}*/
.navbar-nav {margin: 0 -15px;}
.navbar-default .navbar-nav > li {border-bottom:1px solid rgba(0,0,0,0.25);}
.navbar-default .navbar-nav > li > a {
  font-size: 16px;
  line-height:37px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color:rgba(255,255,255,0.5);
  display: block;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open-xs>a, 
.navbar-default .navbar-nav>.open-xs>a:focus, 
.navbar-default .navbar-nav>.open-xs>a:hover {
  color:#3f6eac;
  background:transparent;
}

.navbar-default .navbar-nav .dropdown-menu,
.navbar-default .navbar-nav .open .dropdown-menu,
.navbar-default .navbar-nav .open-xs .dropdown-menu {margin:0; padding:0;}
.navbar-default .navbar-nav .open .dropdown-menu > li:first-child > a,
.navbar-default .navbar-nav .open .dropdown-menu > li:first-child > a:hover,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li:first-child > a,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li:first-child > a:hover {
	padding-top:0;
}
.navbar-default .navbar-nav .open .dropdown-menu > li:first-child > a:hover,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li:first-child > a:hover {color:#3f6eac;}

.navbar-default .navbar-nav .open .dropdown-menu > li:last-child > a,
.navbar-default .navbar-nav .open .dropdown-menu > li:last-child > a:hover,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li:last-child > a,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li:last-child > a:hover {
	/*padding-bottom:20px;*/
}
.navbar-default .navbar-nav .open .dropdown-menu > li:last-child > a:hover,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li:last-child > a:hover {color:#3f6eac;}

.navbar-default .navbar-nav .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li > a {
	font-size:14px;
	line-height:31px;
    padding-left:30px;
}
.menu-level-3 {list-style:none; margin:0; padding:0;}
.navbar-default .navbar-nav .dropdown-menu > li > ul li a,
.navbar-default .navbar-nav .open .dropdown-menu > li > ul li a,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li > ul li a {
	padding-left:45px;
    font-size: 14px;
    line-height: 31px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu >.active >a, 
.navbar-default .navbar-nav .open .dropdown-menu >.active >a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu >.active >a:hover,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open-xs .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open-xs .dropdown-menu >.active >a, 
.navbar-default .navbar-nav .open-xs .dropdown-menu >.active >a:focus, 
.navbar-default .navbar-nav .open-xs .dropdown-menu >.active >a:hover {color:#3f6eac; background:transparent;}


/*@media (max-width: 991px) {*/
  .navbar-main > li.dropdown > a {
	display: block;
  }
  .navbar-main > li.dropdown .caret {
    position: absolute;
    right: 0;
    top: 0;
	width:57px;
	height:auto;
	margin:0;
	padding:0;
	line-height:57px;
    display: block;
	border:none;
    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    -moz-transition: -moz-transform 250ms ease-out 0s;
    -o-transition: -o-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
	color:#000;
    cursor:pointer;
    z-index:-1;
  }
  .navbar-main > li.dropdown ul li .caret {
	right:5px;
	width:47px;
	line-height:36px;
	text-align:center;
  }
   .navbar-main > li.dropdown ul li.first .caret {
	right:5px;
	line-height:31px;
  }
  .navbar-main  li.dropdown.open > .caret:before,
  .navbar-main  li.dropdown.open-xs > .caret:before {
      content:"\e082";
  }
  .navbar-main  li.dropdown.active > .caret {
	color:#000;
  }
/****************************************************/


/*******************************************************/
/******************** Content Table ********************/
/*******************************************************/
.table-responsive>.table {margin-bottom:0;}
.table-responsive>.table>tbody>tr>th {width:40%;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top:1px solid rgba(0,0,0,0.2);
}
.table-striped>tbody>tr:nth-of-type(odd) {background-color:rgba(0,0,0,0.05);}
/*******************************************************/


/**********************************************************/
/******************** Landkreise Table ********************/
/**********************************************************/
/* Filter */
.regionselect {margin:0 10px 10px 0;}
table#DataTables_Table_0 {width:100% !important; margin-top:0 !important;}
/**********************************************************/


/*****************************************************/
/******************** Page Slider ********************/
/*****************************************************/
/*
#pageDefaultSlider {
    width:100%;
    height:auto;
    max-height:600px;
    background-image:url(../Images/milchhof-diers.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
*/
#pageSliderContainer {position:relative; background:transparent;}
#pageSliderContainer:after {content:""; position:absolute; bottom:-1px; left:0; display:block; width:100%; height:2px; background:#3f6eac; z-index:0;}
#pageSliderContainer .slick-slider .slick-track {height:100%;}
#pageSliderContainer .pageSliderItems {text-align:center; opacity:0;}
#pageSliderContainer .pageSliderItems.slick-initialized {opacity:1;}
#pageSliderContainer .slick-list {/*height:auto !Important;*/}
#pageSliderContainer .slick-dots {bottom:15px; display:inline-block; width:auto; z-index:999;}
#pageSliderContainer .slick-dots li button {width:17px; height:17px; margin:0; padding:0px;}
#pageSliderContainer .slick-dots li button:before {font-size:15px; line-height: 17px; width:17px; height:17px; color:#fff;}
#pageSliderContainer .slick-dots li.slick-active button:before {color:#fff;}
#pageSliderContainer figure {margin:0; padding:0;}
#pageSliderContainer figure img {width:100%; height:auto; margin:0; padding:0; opacity:1 !Important;}
#pageSliderContainer svg#sliderBottom {position:absolute; bottom:0; left:0; width:100%; height:auto;}
#pageSliderContainer svg#contentTop {position:absolute; top:100%; left:0; width:100%; height:auto;}
/*****************************************************/


/********************************************************/
/******************** Content Slider ********************/
/********************************************************/
.contentSliderItem {padding:0 15px;}
.contentSliderItem .contentSliderItemStage,
.contentSliderItem .contentSliderTop,
.contentSliderItem .contentSliderBottom {
    min-width:400px; 
    padding:15px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.contentSliderItem .contentSliderItemStage {position:relative; height:415px;}
.contentSliderItem .contentSliderTop,
.contentSliderItem .contentSliderBottom {height:200px;}
.contentSliderItem .contentSliderTop {margin-bottom:15px;}
.contentSliderItem .contentSliderItemHeadline {position:relative; display:inline-block; padding:3px 25px; height:60px; line-height:60px; font-size:24px; color:#fff; text-align:center; transform:rotate(-3deg); z-index:9; white-space:nowrap;}
.contentSliderItem .contentSliderItemHeadline svg.contentSliderItemHeadlineBg {position:absolute; bottom:0; left:0; width:100%; height:60px; transform:rotate(3deg); z-index:-1;}

.contentSliderItemStage > div.frame  {position:absolute; bottom:-100%; left:0; width:100%; transition:all 0.5s linear;}
.contentSliderItemStage.active > div.frame {bottom:0;}
.contentSliderItemStage > div.frame > ul {margin:0; padding:0; list-style:none;}
.contentSliderItemStage > div.frame > ul:before {
    display:block;
    content:url(../Images/contentSliderNavi-top.png);
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    line-height:0;
    
}
.contentSliderItemStage > div.frame > ul > li {padding:0 15px; background:#3f6eac;}
.contentSliderItemStage > div.frame > ul > li:first-child {padding-top:15px;}
.contentSliderItemStage > div.frame > ul > li:last-child {padding-bottom:15px;}
.contentSliderItemStage > div.frame > ul > li a {display:block; border-bottom:1px solid #35a7da; padding:5px 0; color:#fff;}
.contentSliderItemStage > div.frame > ul > li:last-child a {border:none;}

.contentSliderItemStage .slick-prev {left:0;}
.contentSliderItemStage .slick-next {right:0;}
/********************************************************/


/***************************************************/
/******************** Formulare ********************/
/***************************************************/
.diersForm {width:100%; font-size:14px;}
.diersForm fieldset {margin-bottom:50px;}
.diersForm .productGroupHeader h2 {
    position:relative;
    display:inline-block;
    margin:0;
    font-size:24px;
}
.diersForm .productGroupHeader span {
    position:relative;
    display:inline-block;
    padding:20px 20px 15px 25px;
    color:#fff;
    z-index:1;
    transform:rotate(-3deg);
}
 
.diersForm .productGroupHeader h2 svg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
}
.diersForm input,
.diersForm select,
.diersForm textarea {font-size:14px;}
.diersForm input {
    padding:0 5px; height:25px; line-height:25px;
    border:none;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.2);
    color:#555;
}
input[type="text"],
input[type="number"] {border: 1px solid #ccc;}
textarea {border: 1px solid #ccc; min-height:200px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

/* Bestellformular Produkte */
.diersForm > fieldset > .formProductRow {
    width:100%;
    margin:0;
}
.diersForm > fieldset > .formProductRow:last-child {
    border-bottom:none;
}
.diersForm .formProductRow .formCol {
    display:block;
    float:left;
    width:25%;
    /*min-height:46px;*/
    vertical-align: middle;
    padding:10px;
}
/*
.diersForm .formProductRowHeadline .formCol {
    border-bottom:none;
}
*/
.diersForm > fieldset > .formProductRowHeadline {border-bottom:none;}
.formColHeadline {min-height:60px; vertical-align:top; background:#35a7da; color:#fff;}
.formColHeadlineAdditional {background:#3f6eac;}
.inputMenge {width:30px; margin-right:5px; text-align:right;}
.inputDatum {width:85px; margin-left:5px;}
.diersFormNeukunden .formProductRow .formCol1 {width:35%}
.diersFormNeukunden .formProductRow .formCol2 {width:15%}
.diersFormNeukunden .formProductRow .formCol3 {width:25%}
.diersFormNeukunden .formProductRow .formCol4 {width:25%}
.diersFormBestandskunden .formProductRow .formCol1 {width:15%}
.diersFormBestandskunden .formProductRow .formCol2 {width:10%}
.diersFormBestandskunden .formProductRow .formCol3 {width:20%}
.diersFormBestandskunden .formProductRow .formCol4 {width:20%}
.diersFormBestandskunden .formProductRow .formCol5 {width:35%}

.customerGroup {padding:15px 0 15px 0; background:#3f6eac;}
.customerGroup .formCustomerRow {float:left; clear:both; width:100%;}
.customerGroup .formCustomerRow > div {margin-bottom:15px;}
.customerGroup label {margin:0; color:#fff; font-weight:400;}
.customerGroup input,
.customerGroup textarea {width:100%;}
.customerGroup .showAdressFields {
    display: block;
    position: relative;
    margin-top:10px;
    height: 38px;
    line-height: 38px;
    padding: 0 15px 0 15px;
    background:transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.customerGroup p {color:#fff;}
.formSubmitRow button {position:relative; float:right; height:38px; line-height:38px; padding:0 49px 0 15px; background:#fff; border:2px solid #3f6eac; border-radius:2px; color:#3f6eac; font-size:16px; font-weight:700; text-transform:uppercase;}
.formSubmitRow button > span {position:absolute; top:0; right:0; display:block; float:right; width:32px; padding-left:2px; background:#3f6eac; color:#fff; font-size:10px; line-height:34px;}

.diersFormPause .formCustomerRowDatum {margin-bottom:10px; padding-top:10px; background:#35a7da;}

input.error {
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(255,0,0,0.5);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(255,0,0,0.5);
    box-shadow: inset 0px 0px 10px 0px rgba(255,0,0,0.5);
    border:1px solid rgba(255,90,90,1);
}
label.error {color:rgba(255,90,90,1);}

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


/*********************************/
/********** Hofrundgang **********/
/*********************************/
body#pageID-11 .frame-type-menu_subpages ul {margin:0; padding:0; list-style:none;}
body#pageID-11 .frame-type-menu_subpages ul > li {display:inline-block; margin:0 10px 10px 0;}
body#pageID-11 .frame-type-menu_subpages ul > li > a,
body#pageID-11 .frame-type-menu_subpages ul > li > a:focus {display:inline-block; padding:0 15px; line-height:30px; background:#35a7da; color:#fff; text-decoration:none;}
body#pageID-11 .frame-type-menu_subpages ul > li > a:hover {background:#3f6eac;}
#hofrundgangImage {
	position:relative;
}
#hofrundgangImage img {
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.frame-type-menu_pages > ul {margin:0; padding:0; list-style:none;}
.frame-type-menu_pages > ul a,
.frame-type-menu_pages > ul a:focus {display:inline-block; padding:0 15px; line-height:30px; background:#35a7da; color:#fff; text-decoration:none;}
.frame-type-menu_pages > ul a:hover {background:#3f6eac;}
/*********************************/


/***************************************************/
/******************** fb stream ********************/
/***************************************************/
.fbStreamInfo {margin-bottom:10px;}
.fbStream-group {margin-bottom:30px;}
.fbStreamPlaceholderItem {margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #eee; line-height:20px;}
.fbStreamPlaceholderItem p {display:block; height:15px; margin-bottom:10px; background:#eee;}
.fbStreamPlaceholderItem .fbHeadline p {display:inline-block; height:25px; margin-bottom:15px;}
.fbStreamPlaceholderItem p.fbIcon {width:25px; margin-right:15px;}
.fbStreamPlaceholderItem p.fbTitle {width:calc(100% - 44px);}
.fbStreamPlaceholderItem p.fbImage {height:200px;}
.fbStreamPlaceholderItem .width-85 {width:85%;}
.fbStreamPlaceholderItem .width-75 {width:75%;}
.fbStreamPlaceholderItem .width-50 {width:50%;}

#cff .cff-item {
    padding:40px 0 35px 0;
}
#cff .cff-photo {
    width:100%;
    padding:16px;
    background:rgba(0,0,0,0.02);
    text-align:center;
}
#cff .cff-photo > img{
    float:none;
}
/***************************************************/


/**********************************************/
/******************** News ********************/
/**********************************************/
.news .clear {
	clear: both;
}

.news .nav ul {
	float: left;
	display: inline;
	margin: 0;
}

.news .nav li {
	float: left;
}

.news .nav a {
	float: left;
	display: block;
}

.news .nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article {
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.news .article:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

.news .article:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.news .article .news-img-wrap {
	float: left;
	margin: 15px 12px 5px 0;
	background: #fff;
}

.news .article .news-img-wrap a {
	display: block;
	float: left;
	padding: 4px;
	border: 1px solid #ddd;
	background: #fff;
}

.news .article .news-img-wrap img {
	float: left;
	height: auto;
	width: auto;
}

.news .article .teaser-text {
	margin: 15px 0 25px 0;
}

.news .article h3 {
	margin-bottom: 0;
}

.news .footer {
	clear: both;
	padding: 10px 0 0 0;
	border-top: 1px solid #eee;
	margin-top: 15px;
	color: #888;
}

.news .footer p {
	line-height: 1em;
}

.news .footer span {
	display: inline-block;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #ddd;
}

.news .footer span:last-child {
	border-right: 0;
}

.news .footer .news-category a {
	text-transform: uppercase;
}

.news .no-news-found {
	color: #DB0202;
	font-style: italic;
}

.news .page-navigation p {
	float: left;
}

.news .page-navigation ul {
	float: right;
}

.news .page-navigation ul li {
	float: left;
	display: block;
	padding: 0 1px;
	background: none;
}

.news .page-navigation ul li a {
	display: block;
	padding: 1px 2px;
}

/* category menu view */
.news-category-view ul li {
	padding: 5px 8px;
}

.news-category-view ul li li {
	padding: 2px 8px 2px 12px;
}

.news-category-view > ul > li:nth-child(even) {
	background: #f9f9f9;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.news-category-view .category-desc {
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #ddd;
}

/* single view */
.news-single .footer {
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 10px 0 0 0;
	border-bottom: 0;
	border-top: 1px solid #eee;
}

.news-single .article .news-img-wrap {
	float: right;
	width: 282px;
	margin: 0 0 0 25px;
}

.news-single .article .news-img-wrap img {
	float: none;
}

.news-single .teaser-text {
	font-size: 15px;
	color: #888;
}

.news-text-wrap {
	margin-bottom: 10px;
}

.news-img-caption {
	color: #888;
}

/* related news + files */
.news-related-wrap {
	display: table;
	margin-top: 20px;
	width: 100%;
}

.news-related {
	width: 50%;
	padding: 15px;
	border: 1px solid #eee;
	display: table-cell;
}

.news-related ul li {
	line-height: 1em;
	margin-bottom: 12px;
}

.news-related ul li span {
	border-right: 1px solid #DDDDDD;
	display: inline-block;
	margin-right: 8px;
	padding-right: 8px;
	color: #888;
}

.news-related ul li span:last-child {
	border-right: 0;
	padding-right: 0;
}

.news-related h4 {
	margin-bottom: 10px;
}

.news-related-files ul li {
	margin-bottom: 20px;
}

.news-related-files .news-related-files-link .jpg {
	background-position: 0 0;
}

.news-clear {
	clear: both;
}
/****************************************************/


/**********************************************/
/******************** Maps ********************/
/**********************************************/
.gm-style-iw > div,
.gm-style-iw > div > div,
.gm-style-iw > div > div > div {height:auto !Important; overflow:visible !Important;}
.tx-googlemaps .tx-googlemaps-mapBox {width:100%; height:400px; margin-bottom:30px;}
.googleAddress {line-height:20px;}
.googleNavigateLink,
.googleNavigateLink:hover,
.googleNavigateLink:focus {padding:3px 10px; background:#007aa5; color:#fff;}
/**********************************************/

.dataTables_filter input {margin-left:10px}
.dataTables_filter {display:none;}


/***************************************************/
/******************** Cookieman ********************/
/***************************************************/
#cookieman-modal .panel-heading {
    padding:0;
}
#cookieman-modal .panel-title {
    position: relative;
}
#cookieman-modal label {
    position:absolute;
    left:15px;
    top:10px;
    margin:0;
    z-index:99;
}
#cookieman-modal label input {margin:0;}
#cookieman-modal .panel-title a {
    position:relative;
    display:block;
    padding:10px 15px 10px 40px;
}
#cookieman-settings [data-toggle=collapse]:after {
    float: right;
}
#cookieman-modal [data-toggle=collapse]:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    font-size: .7em;
    padding-left: .7em;
    opacity: .7;
    padding-top: .4%;
}
#cookieman-modal [data-toggle=collapse].collapsed:after {
    content: "\e080";
}
/***************************************************/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16.06.2015, 10:08:04
    Author     : ralfbecker

*/
@media (max-width: 1199px) {
    .stage::after {
        opacity:0.75; 
    }
    #footerTop {
		height:auto;
	}
}

@media (max-width: 991px) {
    .stage::after {
        background-position:right 100px;
        opacity:0.5; 
    }
    h1 {margin:0 0 10px 0; font-size:34px;}
    h2 {margin:0 0 10px 0; font-size:23px;}
	/***************************************************/
    /******************** Formulare ********************/
    /***************************************************/
    .diersForm > fieldset > .formProductRow {display:block; margin-bottom:30px;}
    /*.formProductRow .productXsName {position:relative; display:inline-block; padding:5px 25px; height:60px; line-height:60px; font-family:'Melanie BT W01 Roman'; font-size:30px; color:#fff; text-align:center; transform:rotate(-3deg); z-index:9; white-space:nowrap;}*/
    .formProductRow .productXsName {
        display:block;
        left: 0;
        padding: 5px 10px 5px 0px;
        height: 40px;
        line-height: 20px;
        font-size: 16px;
        transform: rotate(0deg);
        color: #000;
        font-family: 'Roboto', sans-serif;
    }
    .formProductRow svg.productNameBg {display:none; position:absolute; bottom:0; left:0; width:100%; height:60px; transform:rotate(3deg); z-index:-1;}
    .formProductRow .formProductRow .formCol {display:block; float:left; padding:5px;}
    .diersBestellForm .formProductRow .formCol1 {position:relative;}
    .diersBestellForm .formProductRow .formCol2 {padding-top:15px; text-align:right;}
    .diersBestellForm .formProductRow .formCol1 {width:58%}
    .diersBestellForm .formProductRow .formCol2 {width:42%}
    .diersBestellForm .formProductRow .formCol3,
    .diersBestellForm .formProductRow .formCol4,
    .diersBestellForm .formProductRow .formCol5 {width:100%;}
    .diersFormNeukunden .formProductRow .formCol5 {display:none;}
    
    .diersBestellForm .formCol3 {margin-top:-22px; padding-top:20px; border-top:3px solid #35a7da;}
    .diersBestellForm .formCol3,
    .diersBestellForm .formCol4 {border-right:3px solid #35a7da; border-left:3px solid #35a7da;}
    .diersFormNeukunden .formCol4 {border-bottom:3px solid #35a7da;}
    .diersBestellForm .formCol5 {padding:15px 10px; background:#3f6eac; color:#fff;}
    
    label.formLabelXs {display:inline-block; width:50%; margin:0; padding:0;}
    .diersBestellForm .formCol2 label.formLabelXs {display:inline;}
    .colAdditional label.formLabelXs {width:100%; margin-bottom:5px;}
    /***************************************************/
    
    /*******************************************************/
    /******************** Content Table ********************/
    /*******************************************************/
    .table-responsive>.table>tbody>tr>th {width:50%;}
    /*******************************************************/
}

@media (max-width: 767px) {
    h1 {margin:0 0 10px 0; font-size:36px;}
    h2 {margin:0 0 10px 0; font-size:21px;}
	body.ind {
        position:fixed;
	}
    .stage::after {
        background-position:right 20px;
        opacity:0.5; 
    }
    #headerContainer {padding:0;}
	.open-xs>.dropdown-menu {
		display: block;
	}
	.navbar {border:none;}
    .navbar-brand {
        max-width:100px;
        /*top:-100px;*/
        top:-50px;
    }
	.navbar-nav .open-xs .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
    #headerContainer {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:9999;
    }
    .navbar-header-main {
        position:relative;
        z-index:9999;
    }
    .navbar-header-main svg#navbar-header-bg {
        position:absolute; bottom:0; left:0; width:100%; opacity:0.9; 
        
    }
    body.ind .navbar-header-main svg#navbar-header-bg {
        opacity:1;
    }
    .navbar-collapse {position:absolute; top:0; left:0; width:100%; z-index:1;}
    .navbar-collapse.in {height:1000px;}
    .navbar-collapse > .navbar-nav {margin-top:83px;}
    .navbar-default .navbar-nav > li a {
        font-size: 16px;
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        font-weight:700;
        line-height: 37px;
        text-align:left;
        text-transform:none;
        color:#000;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#333;}
    
    
    /*******************************************************/
    /******************** Content Table ********************/
    /*******************************************************/
    .table-responsive {border:1px solid rgba(0,0,0,0.2); border-top:none;}
    table#DataTables_Table_0 {border-top:1px solid rgba(0,0,0,0.2);}
    .table-responsive>.table>tbody>tr>td, 
    .table-responsive>.table>tbody>tr>th, 
    .table-responsive>.table>tfoot>tr>td, 
    .table-responsive>.table>tfoot>tr>th, 
    .table-responsive>.table>thead>tr>td, 
    .table-responsive>.table>thead>tr>th {
        white-space:normal;
    }
    .table-responsive>.table>tbody>tr>th {width:50%;}
    /*******************************************************/
    
    
    /***************************************************/
    /******************** Formulare ********************/
    /***************************************************/
    /*.formProductRow .productXsName {left:-15px; padding:5px 10px 5px 15px; height:40px; line-height:25px; font-size:23px; transform:rotate(-3deg);}*/
    .formProductRow .productXsName {
        display:block; 
        left: 0;
        padding: 5px 10px 5px 0px;
        height: 40px;
        line-height: 20px;
        font-size: 16px;
        transform: rotate(0deg);
        color: #000;
        font-family: 'Roboto', sans-serif;
    }
    .diersBestellForm .formProductRow .formCol1,
    .diersBestellForm .formProductRow .formCol1 > span {padding-right:0; padding-left:0;}
    .diersBestellForm .formProductRow .formCol2 {padding-top:15px; padding-right:0; padding-left:0;}
    /***************************************************/
    
    /************************************************/
    /******************** Footer ********************/
    /************************************************/
    #footerContainer {padding-bottom:20px;}
    #copyrightContainer {margin-bottom:20px; text-align:center;}
    #copyrightContainer a.footerPhoneButton {float:none; margin-bottom:10px;}
    .footerColumn {padding:0; text-align:center;}
    .footerColumn h4 {
        font-size: 16px;
        line-height: 22px;
    }
    .footerColumn p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom:20px;
    }

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

@media (max-width: 600px) {
	.embed-responsive {
		padding-bottom: 100%;
	}
}

@media (min-width: 768px) {
	
	#headerArea {position:absolute; top:0; left:0; width:100%; z-index:999;}
	#headerArea.affix {
		-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
	}
	#headerContainer {/*background:#f6f6f6;*/}
	#headerArea > .navbar-default > .container {position:relative;}
	.navbar-header-main .navbar-brand.navbar-brand-image {
		padding-bottom: 28px;
	}
	.navbar {border:none;}
    .navbar-brand {
        /*top: -80px;*/
        top: -30px;
    }
	.navbar-default .navbar-collapse {padding:0; border:none; background:#f6f6f6;}
	.navbar-main {
		position:absolute;
		left:15px;
		bottom:0px;
		float: right;
	}
	.navbar-collapse {background:#fff;}
	.navbar-main > li.dropdown > .caret {
		display: none;
	}
    .navbar-default .navbar-nav > li> a,
	.navbar-default .navbar-nav > li> a:focus {
		position:relative;
		left:0;
		line-height:45px;
		padding: 0px;
		color:#fff;
	}
	.navbar-default .navbar-nav > li> a span {
		padding: 4px 15px 0px 15px;
	}
	.navbar-default .navbar-nav > li.first > a span {
		border-left:none;
	}
	.navbar-default .navbar-nav > li > a:hover, 
	.navbar-default .navbar-nav > li.active > a,  
	.navbar-default .navbar-nav > li.active > a:hover, 
	.navbar-default .navbar-nav>.open>a:hover,
	.navbar-default .navbar-nav>.open-xs>a:hover,
	.navbar-default .navbar-nav > li.hover > a,
	.navbar-default .navbar-nav > li.active > a {
		background-color:#3f6eac;
		color:#35a7da;
	}
    .navbar-default .navbar-nav > li.active > a, 
	.navbar-default .navbar-nav > li.active > a:focus, 
	.navbar-default .navbar-nav > li.active > a:hover {background:#fff;}
    .navbar-bottom {position:absolute; top:100%; left:0; width:100%; height:45px;}
    .navbar-bottom > svg {width:100%; height:auto;}
	.navbar-default .navbar-nav > li.hover > ul {display:block;}
	/*body.touchDevice .navbar-default .navbar-nav > li.hover > ul {display:none;}*/
	.navbar-default .navbar-nav > li.hover,
	.navbar-default .navbar-nav > li.active {
		background-color:#ff9c3b;
	}
    
    .navbar-default .navbar-nav > li.active > a > span,
    .navbar-default .navbar-nav > li.active > a > i {
        background: #fff;
        padding-bottom: 44px;
        border-radius: 0 0 5px 5px;
        z-index: 9999;
        position: relative;
    }
    
    .navbar-default .navbar-nav > li.dropdown.hover > a {background:#3f6eac; cursor:default !Important;}
    .navbar-default .navbar-nav > li.dropdown.hover > a > span {
        background:#3f6eac;
        padding-bottom: 44px;
        border-radius:0;
        color:#35a7da;
        z-index: 9999;
        position: relative;
    }
    
	.navbar-default .navbar-nav > li {border:none;}
	.navbar-main > li > a .caret {
		display: none;
	}
	.navbar-default .navbar-nav li > .dropdown-menu,
	.navbar-default .navbar-nav .open-xs > .dropdown-menu,
	.navbar-default .navbar-nav .open > .dropdown-menu {top:75px; left:0 !Important; padding:0 0 0 0; border:none; border-radius:0; background:#3f6eac; z-index:9999;
        border: none;
        border-radius:0 5px 5px 5px;
        overflow:none;
        -webkit-box-shadow:none;
        box-shadow:none;
    }
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color:transparent;}
	
	
	.navbar-default .navbar-nav .dropdown-menu > li:first-child a,
	.navbar-default .navbar-nav .open .dropdown-menu > li:first-child a,
	.navbar-default .navbar-nav .open-xs .dropdown-menu > li:first-child a {margin:0; padding-top:0; background:transparent;}
	.navbar-default .navbar-nav .dropdown-menu > li:first-child a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li:first-child a:hover,
	.navbar-default .navbar-nav .open-xs .dropdown-menu > li:first-child a:hover {padding-top:0; background:#ff9c3b;}
	
	.navbar-default .navbar-nav .dropdown-menu > li:last-child a,
	.navbar-default .navbar-nav .open .dropdown-menu > li:last-child a,
	.navbar-default .navbar-nav .open-xs .dropdown-menu > li:last-child a {margin:0; padding-bottom:0; background:transparent;}
	.navbar-default .navbar-nav .dropdown-menu > li:last-child a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li:last-child a:hover,
	.navbar-default .navbar-nav .open-xs .dropdown-menu > li:last-child a:hover {padding-bottom:0; background:#ff9c3b;}
	
	
	.navbar-default .navbar-nav .open .dropdown-menu >.active >a, 
	.navbar-default .navbar-nav .open-xs .dropdown-menu >.active >a {color:#fff; background:transparent;}
	
	.navbar-default .navbar-nav .dropdown-menu > li.first > a {border-radius:0 5px 0 0;}
    
	.navbar-default .navbar-nav .dropdown-menu > li > a,
	.navbar-default .navbar-nav .open-xs .dropdown-menu > li > a {margin:0; padding:0 15px; line-height:32px; text-align:left; border-bottom:1px solid #35a7da; color:#fff;}
	.navbar-default .navbar-nav .dropdown-menu > li.last > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li.last > a,
	.navbar-default .navbar-nav .open-xs .dropdown-menu > li.last > a {border:none; border-radius:0 0 5px 5px;}
	.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .dropdown-menu > li.active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
 
	.navbar-default .navbar-nav .open .dropdown-menu >.active >a:focus, 
	.navbar-default .navbar-nav .open .dropdown-menu >.active >a:hover,
	.navbar-default .navbar-nav .open-xs .dropdown-menu > li > a:focus, 
	.navbar-default .navbar-nav .open-xs .dropdown-menu > li > a:hover, 
	.navbar-default .navbar-nav .open-xs .dropdown-menu >.active >a,
	.navbar-default .navbar-nav .open-xs .dropdown-menu >.active >a:focus, 
	.navbar-default .navbar-nav .open-xs .dropdown-menu >.active >a:hover {background-color:#35a7da! Important; color:#fff;}
	
	.navbar-main > li.dropdown ul li .caret {display:none;}
	.navbar-default .navbar-nav .open-xs .dropdown-menu > li > b,
	.navbar-default .navbar-nav .open-xs .dropdown-menu > li > ul {display:none !Important;}
	
	.secNavContainer h3 {margin-bottom:20px; color:#fff;}
	.secNavContainer ul {margin:0; padding:0; list-style:none; border-top:1px solid #fff;}
	.secNavContainer > ul > li {position:relative; padding:0 20px 0 0; border-bottom:1px solid #fff; color:rgba(255,255,255,0.5);}
	.secNavContainer > ul > li.active > span {color:#fff;}
	.first-container .col-2-container .last .secNavContainer > ul > li > a {display:block; padding:21px 0; font-family: "FrutigerLTW02-55Roman"; line-height:1.2em; text-transform:uppercase; color:rgba(255,255,255,0.5);}
	.first-container .col-2-container .last .secNavContainer > ul > li > a:hover,
	.first-container .col-2-container .last .secNavContainer > ul > li.active > a {color:#fff;}
	.secNavContainer > ul > li.dropdown.active > a {padding:21px 0 0 0;}
	.secNavContainer > ul > li > span {position:absolute; top:0; right:0; bottom:0; width:20px; line-height:60px; z-index:888;}
	.secNavContainer > ul > li.active > span {bottom:auto;}
	.secNavContainer > ul > li > ul {padding-bottom:21px; border-top:0;}
	.first-container .col-2-container .last .secNavContainer > ul > li > ul a {display:block; padding:21px 0 0 15px; font-family: "FrutigerLTW02-55Roman"; line-height:1em; text-transform:uppercase; color:rgba(255,255,255,0.5);}
	.first-container .col-2-container .last .secNavContainer > ul > li > ul li.first a {padding-top:0;}
	.first-container .col-2-container .last .secNavContainer > ul > li > ul a:hover,
	.first-container .col-2-container .last .secNavContainer > ul > li > ul li.active a {color:#fff;}
	
	.breadcrumbContainer ol {margin:0 0 25px 0; padding:0; list-style:none; line-height:14px;}
	.breadcrumbContainer ol li {display:inline-block; font-size:14px; font-family: "FrutigerLTW02-55Roman"; color:#ff9c3b;}
	.breadcrumbContainer ol li:after {content:">"; padding:0 10px; line-height:20px;}
	.breadcrumbContainer ol li.last {font-family: "Frutiger LT W02_65 Bold";}
	.breadcrumbContainer ol li.last:after {content:"";}
	.breadcrumbContainer ol li a {font-size:14px; font-family: "FrutigerLTW02-55Roman"; line-height:20px; color:#ff9c3b;}
	
	#language_menu {float:right; position:absolute; top:0; right:15px; margin:0; padding:0;}
	#language_menu li {margin:0; padding:0;}
	#language_menu li > a {display:block; padding:10px 15px;}
	#language_menu li > a:before {display:block; width:20px; height:13px; line-height:1;}
	#language_menu li > a.lang-de:before {content:url('../Images/flag-de.png')}
	#language_menu li > a.lang-en:before {content:url('../Images/flag-en.png')}
	#language_menu li > a > span {display:none;}
	
    #pageSliderContainer .slick-list {/*height:400px;*/}
    #pageSliderContainer .slick-dots {bottom:30px;}
                                      
	#contentArea {padding:50px 0 0 0;}
    .col-1-page .mainContent {padding-top:50px;}
}


@media (min-width: 992px) {
    .navbar-brand {
        /*top:-90px;*/
        top:-40px;
    }
    #contentArea {min-height:1350px;}
    /***************************************************/
    /******************** Formulare ********************/
    /***************************************************/
    .diersForm > fieldset > .formProductRow {border-bottom:2px solid #3f6eac;}
    .diersBestellForm .productGroupHeader {margin-bottom:5px; border-bottom:5px solid #3f6eac;}
    .diersBestellForm .productGroupHeader p {margin-bottom:5px;}
    .diersFormBestandskunden .formProductRowHeadline .formCol {min-height:60px !Important;}
    .diersFormBestandskunden .productGroupDiersyoghurt .formProductRow .formCol {min-height:60px;}
    .diersFormBestandskunden .productGroupDiersNachtisch .formProductRow .formCol {min-height:60px;}
    .diersFormBestandskunden .productGroupQuark .formProductRow .formCol,
    .diersFormBestandskunden .productGroupVitalmolke .formProductRow .formCol,
    .diersFormBestandskunden .productGroupKaese .formProductRow .formCol {min-height:60px;}
    .diersFormBestandskunden .formProductRow .formCol4 {border-right:5px solid #fff;}
    .diersFormBestandskunden .formProductRow .formCol5 {border-right:5px solid #3f6eac; border-left:5px solid #3f6eac;}
    .diersFormBestandskunden div.formProductRow:last-child .formCol5 {border-bottom:5px solid #3f6eac;}
    /*.diersFormBestandskunden div.formProductRow:last-child .formCol5:before,
    .diersFormBestandskunden div.formProductRow:last-child .formCol5:after {display:none;}*/
    .formProductRow .formCol4,
    .formProductRow .formCol5 {position:relative;}
    .diersFormBestandskunden .formProductRow .formCol4:after {content:" "; display:block; position:absolute; bottom:-2px; right:-5px; width:5px; height:2px; background:#fff;}
    /*.formProductRow .formCol5:before {content:" "; display:block; position:absolute; bottom:-2px; left:0; width:5px; height:2px; background:#fff;}
    .formProductRow .formCol5:after {content:" "; display:block; position:absolute; bottom:-2px; right:0; width:5px; height:2px; background:#fff;}*/
    /***************************************************/
    
    #pageSliderContainer .slick-list {/*height:500px;*/}
    
    /********************************************************/
    /******************** Content Images ********************/
    /********************************************************/
    .frame-layout-border img {margin:0; padding:10px; background:#fff; border:1px solid #ccc;}
    
    .frame-layout-borderRotateLeft .image {position:relative; z-index:0; margin:0;}
    .frame-layout-borderRotateLeft .image:after{
      z-index:-1;
      position:absolute;
      content:"";
      bottom:13px;
      right:10px;
      left:auto;
      width:80%;
      height: 20px;
      max-width:300px;
      background:transparent;
      box-shadow:0 17px 30px rgba(0,0,0,0.5);
      transform:rotate(2deg);
    }
    .frame-layout-borderRotateLeft img {padding:10px; background:#fff; border:1px solid #ccc; transform:rotate(-2deg);}
    
    .frame-layout-borderRotateRight .image {position:relative; z-index:0; margin:0;}
    .frame-layout-borderRotateRight .image:before {
      z-index:-1;
      position:absolute;
      content:"";
      bottom:13px;
      left:10px;
      width:80%;
      height:20px;
      max-width:300px;
      background:transparent;
      box-shadow:0 17px 30px rgba(0,0,0,0.5);
      transform:rotate(-2deg);
    }
    .frame-layout-borderRotateRight img {margin:0; padding:10px; background:#fff; border:1px solid #ccc; transform:rotate(2deg);}
    /********************************************************/
}


@media (min-width: 1200px) {
	.navbar-brand {
        /*top:-100px;*/
        top:-50px;
    }
    #pageSliderContainer .slick-list {/*height:500px;*/}
    #pageSliderContainer .slick-dots {bottom:50px;}
    /***************************************************/
    /******************** Formulare ********************/
    /***************************************************/
    .diersFormBestandskunden .formProductRowHeadline .formCol {min-height:60px;}
    .diersFormBestandskunden .productGroupDiersyoghurt .formProductRow .formCol,
    .diersFormBestandskunden .productGroupQuark .formProductRow .formCol {min-height:60px;}
    /***************************************************/
    
    /********************************************************/
    /******************** Content Images ********************/
    /********************************************************/
    #c211 .image:after{
      bottom:13px;
      box-shadow:0 15px 35px rgba(0,0,0,0.5);
    }
    #c213 .image:before {
      bottom:13px;
      box-shadow:0 15px 35px rgba(0,0,0,0.5);
    }
    /********************************************************/
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-default .navbar-nav > li.first,
    .navbar-default .navbar-nav > li.first > a {width:30px;}
    .navbar-default .navbar-nav > li.first > a > i {width:30px; padding: 0;}
    .navbar-default .navbar-nav > li.first > a > i:before {display:inline-block; width:30px;}
    .navbar-default .navbar-nav > li.active > a > i {padding-bottom:44px;}
    
    .navbar-default .navbar-nav .dropdown-menu > li > a, 
    .navbar-default .navbar-nav .open-xs .dropdown-menu > li > a {padding:0 10px;}
	.navbar-default .navbar-nav > li> a {
		font-size: 15px;
	}
	.navbar-default .navbar-nav > li> a > span {
		padding:4px 10px 0px 10px;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {

}