/* TAILWIND

/**
* Structure
*/
/**
  * Colors
  */
/**
 * Gradients
 */
/*
* Textshadow
*/
@import "extra.css";
.shadowBottom {
  -webkit-box-shadow: 0 10px 10px -5px #707070;
  box-shadow: 0 10px 10px -5px #707070;
}
.stopSmoothFont {
  font-smooth: never;
}
/**
 *  Border
*/
.borderBottom {
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
/**
* Effects
*/
.swing {
  -webkit-animation: swinging 10s ease-in-out 0s infinite;
  -moz-animation: swinging 10s ease-in-out 0s infinite;
  animation: swinging 10s ease-in-out 0s infinite;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.transition {
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
/**
Buttons
*/
.btnOrange {
  display: inline-block;
  background-color: #F29400;
  padding: 7px 15px;
  color: white;
  text-decoration: none;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
.btnOrange:hover {
  background-color: #32687f;
}
.pdflink {
  display: inline-block;
  padding: 5px 10px 5px 45px;
  background: #D0E0E7 url('data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4QCARXhpZgAASUkqAAgAAAAEABoBBQABAAAAPgAAABsBBQABAAAARgAAACgBAwABAAAAAgAAAGmHBAABAAAATgAAAAAAAABIAAAAAQAAAEgAAAABAAAAAwAAkAcABAAAADAyMTAAoAcABAAAADAxMDABoAMAAQAAAP//AAAAAAAA/+EDymh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiB4bWxuczp4bXBNTT0naHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyc+CiAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOkUxREY2NzEzMkEyMDY4MTE4MjJBQTcyQkU5MzkyODNCPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDo4QUU3RTVENTk1NjExMUUzQUZBRkMyNjkwNDA4MzQ4QjwveG1wTU06SW5zdGFuY2VJRD4KICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6RTFERjY3MTMyQTIwNjgxMTgyMkFBNzJCRTkzOTI4M0I8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICA8eG1wTU06RG9jdW1lbnRJRCByZGY6cmVzb3VyY2U9J3htcC5kaWQ6OEFFN0U1RDY5NTYxMTFFM0FGQUZDMjY5MDQwODM0OEInIC8+CiAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDo4QUU3RTVENTk1NjExMUUzQUZBRkMyNjkwNDA4MzQ4QjwveG1wTU06SW5zdGFuY2VJRD4KICA8eG1wTU06RGVyaXZlZEZyb20gcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogIDwveG1wTU06RGVyaXZl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') left no-repeat;
}
.videolink {
  display: inline-block;
  padding: 5px 10px 5px 45px;
  background: #D0E0E7 url('data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4QCARXhpZgAASUkqAAgAAAAEABoBBQABAAAAPgAAABsBBQABAAAARgAAACgBAwABAAAAAgAAAGmHBAABAAAATgAAAAAAAABIAAAAAQAAAEgAAAABAAAAAwAAkAcABAAAADAyMTAAoAcABAAAADAxMDABoAMAAQAAAP//AAAAAAAA/+EDymh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8APD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiB4bWxuczp4bXBNTT0naHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyc+CiAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOkUxREY2NzEzMkEyMDY4MTE4MjJBQTcyQkU5MzkyODNCPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDo2MjYxRjMwOTk3QkUxMUUzOUYwMUQ2NzZBNTE3NURFNjwveG1wTU06SW5zdGFuY2VJRD4KICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6RTFERjY3MTMyQTIwNjgxMTgyMkFBNzJCRTkzOTI4M0I8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICA8eG1wTU06RG9jdW1lbnRJRCByZGY6cmVzb3VyY2U9J3htcC5kaWQ6NjI2MUYzMEE5N0JFMTFFMzlGMDFENjc2QTUxNzVERTYnIC8+CiAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDo2MjYxRjMwOTk3QkUxMUUzOUYwMUQ2NzZBNTE3NURFNjwveG1wTU06SW5zdGFuY2VJRD4KICA8eG1wTU06RGVyaXZlZEZyb20gcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogIDwveG1wTU06RGVyaXZl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') left no-repeat;
}
[class*='animation-'] {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*
 * Fade
 */
.animation-fade {
  -webkit-animation-name: fade;
  animation-name: fade;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
/*
 * Scale
 */
.animation-scale-up {
  -webkit-animation-name: scale-up;
  animation-name: scale-up;
}
.animation-scale-down {
  -webkit-animation-name: scale-down;
  animation-name: scale-down;
}
/*
 * Slide
 */
.animation-slide-top {
  -webkit-animation-name: slide-top;
  animation-name: slide-top;
}
.animation-slide-bottom {
  -webkit-animation-name: slide-bottom;
  animation-name: slide-bottom;
}
.animation-slide-left {
  -webkit-animation-name: slide-left;
  animation-name: slide-left;
}
.animation-slide-right {
  -webkit-animation-name: slide-right;
  animation-name: slide-right;
}
/* Modifiers
 ========================================================================== */
.animation-reverse {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
/* Keyframes
 ========================================================================== */
/*
 * Fade
 */
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
 * Scale up
 */
@-webkit-keyframes scale-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scale-up {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Scale down
 */
@-webkit-keyframes scale-down {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scale-down {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Slide top
 */
@-webkit-keyframes slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes slide-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide bottom
 */
@-webkit-keyframes slide-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes slide-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide left
 */
@-webkit-keyframes slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide right
 */
@-webkit-keyframes slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide top fixed
 */
@-webkit-keyframes slide-top-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes slide-top-fixed {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide bottom fixed
 */
@-webkit-keyframes slide-bottom-fixed {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes slide-bottom-fixed {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Spin
 */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/*** ESSENTIAL STYLES ***/
/* MENU CONFIGURATION
**********************************************************/
.jetmenu li {
  display: inline-block;
  float: left;
  line-height: 12px;
}
.jetmenu a {
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  outline: none;
  z-index: 10;
}
.jetmenu > li > a {
  padding: 18px 28px;
  font-size: 16px;
  color: #777;
  text-decoration: none;
  display: inline-block;
}
/* DROPDOWN CONFIGURATION
**********************************************************/
.jetmenu ul.dropdown,
.jetmenu ul.dropdown li ul.dropdown {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 99;
  width: 146px;
}
.jetmenu ul.dropdown {
  top: 58px;
}
.jetmenu ul.dropdown li {
  clear: both;
  width: 100%;
}
.jetmenu ul.dropdown li a {
  width: 100%;
  display: inline-block;
  float: left;
  clear: both;
  text-decoration: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/* RIGHT ALIGNMENT (MENU ITEM)
**********************************************************/
.jetmenu > li.right {
  float: right;
}
.jetmenu > li.right > .megamenu {
  right: 0;
}
/* COLLAPSIBLE MENU
**********************************************************/
.jetmenu > li.showhide {
  display: none;
  width: 100%;
  height: 50px;
  cursor: pointer;
}
#navi ul {
  float: left;
  width: 100%;
  margin-bottom: -5px;
}
#navi ul ul {
  background: transparent;
}
#navi li li {
  border-top: none;
}
#navi li:hover a {
  color: #7e8194;
  background-color: transparent;
}
#navi > li > .wrap {
  background: rgba(208, 224, 231, 0.92);
  padding: 0 15px 15px 15px;
  display: none;
  position: absolute;
  left: 0;
  width: calc(980px - 30);
  z-index: 250;
}
#navi > li > .wrap > ul {
  width: 250px;
  padding-right: 15px;
}
#navi > li > .wrap > ul.col {
  border-left: 1px solid #ccc;
  padding-left: 15px;
}
#navi > li > .wrap > ul > li > a {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #32687f;
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid #ccc;
  padding-top: 1.4em;
}
#navi > li > .wrap > ul > li > a:hover {
  color: #F29400 !important;
}
#navi > li > .wrap > ul > li.active > a {
  color: #009DE0;
}
#navi > li > .wrap > ul > li > ul > li > a {
  display: block;
  padding: 5px 0;
}
#navi > li > .wrap > ul > li > ul > li > a:hover {
  padding-left: 8px;
}
#navi > li > .wrap > ul > li > ul > li.active > a {
  color: #31859b;
}
#navi li ul {
  /*width: 24%;*/
  width: 230px;
  margin: 0;
  padding: 0;
}
#navi li li {
  width: 100%;
  margin: 0;
}
#navi li li ul {
  width: 100%;
  margin-top: -2px;
}
/* MEGA-NAV für Startseite ENDE */
/**
 * #####
 * ## Struktur
 * #####
 */
#mixitup-headline {
  display: table;
  width: 100%;
  table-layout: auto;
  border-spacing: 0px;
  border-collapse: separate;
  border: 0;
}
#mixitup-headline > div {
  display: table-cell;
  background: #5a5a5c none repeat scroll 0 0;
}
#mixitup-headline h1 {
  display: inline-block;
  cursor: pointer;
  border-right: 1px solid #dde1ea;
  color: #e8ecf5;
  float: left;
  font-size: 16px;
  padding: 5px;
  margin: 0;
}
#mixitup-headline h1:hover {
  color: #f29400;
}
#Container.mixitupelements > div {
  display: none;
}
#Container.mixitupelements > div ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#Container.mixitupelements > div ul li {
  float: left;
  margin-right: 30px;
  font-weight: bold;
}
#Container.mixitupelements > div ul li a {
  width: 155px;
  text-align: center;
  display: block;
  margin: 20px 0;
  font-size: 15px;
  min-height: 270px;
}
#Container.mixitupelements > div img {
  max-width: 155px;
}
body {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  line-height: 20px;
  background-color: #EDEDED;
  color: #5A5A5C;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: normal;
}
body a {
  color: #5A5A5C;
  text-decoration: none;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
#topline {
  background-color: #31859b;
  display: block;
  height: 10px;
}
.page {
  /**
  * Startseite
  */
}
.page #header {
  background-color: white;
}
.page #logincontainer {
  display: none;
  width: 220px;
  position: absolute;
  top: 0;
  right: 25%;
  z-index: 999;
  padding: 3px 25px 10px 25px;
  background-color: #C5D7E4;
  -webkit-box-shadow: 0 10px 10px -5px #707070;
  box-shadow: 0 10px 10px -5px #707070;
}
.page #logincontainer #exit {
  display: inline-block;
  padding: 0 5px;
  background-color: #D0E0E7;
  text-transform: uppercase;
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: bold;
  color: #F29400;
}
.page #logincontainer h3 {
  margin: 10px 0;
}
.page #logincontainer fieldset {
  border: 0;
  margin: 0 ;
  padding: 0;
}
.page #logincontainer legend {
  display: none;
}
.page #logincontainer label {
  font-weight: bold;
  margin-top: 10px;
}
.page #logincontainer input {
  background-color: #D0E0E7;
}
.page #logincontainer input[type="submit"] {
  margin: 10px 0 0 0px;
  display: inline-block;
  background-color: #F29400;
  padding: 7px 15px;
  color: white;
  text-decoration: none;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  padding: 3px 10px;
  float: right;
}
.page #logincontainer input[type="submit"]:hover {
  background-color: #32687f;
}
.page #logincontainer input[type="text"],
.page #logincontainer input[type="password"] {
  display: block;
  width: 100%;
}
.page #login {
  background-color: #009DE0;
  padding: 5px 15px;
  color: white;
  text-transform: uppercase;
  font-size: 15px;
  position: absolute;
  top: 0;
  right: 25%;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
.page #login .logout {
  display: none;
}
.page #login .login {
  display: inline;
}
.page .status0 #login {
  background-color: #F29400;
}
.page .status0 #login .logout {
  display: inline;
}
.page .status0 #login .login {
  display: none;
}
.page #logo {
  display: block;
  width: 980px;
  margin: 0 auto;
}
.page #navline {
  background-color: #AAC7D4;
  height: 40px;
}
.page #navline #navi {
  display: block;
  width: 980px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  position: relative;
}
.page #navline #navi > li {
  padding: 0;
  margin: 0;
  float: left;
  background-color: #AAC7D4;
}
.page #navline #navi > li.hover,
.page #navline #navi > li.active {
  background-color: #D0E0E7;
}
.page #navline #navi > li > a {
  text-decoration: none;
  margin: 0;
  padding: 0 15px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 40px;
}
.page #navline #navi > li a:hover {
  color: #31859b;
}
.page #navline #navi:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.page #navline #navi > li {
  list-style: none;
  float: left;
}
.page #breadcrumbOutline {
  background-color: #D0E0E7;
  clear: both;
  padding: 5px 0;
}
.page #breadcrumb {
  height: 20px;
  margin: 0 auto;
  width: 980px;
  padding-left: 20px;
}
.page #breadcrumb a {
  text-decoration: underline;
}
.page #breadcrumb a:hover {
  color: #31859b;
}
.page #breadcrumb .active {
  text-decoration: none;
}
.page #main {
  width: 980px;
  margin: 0 auto;
  color: #5A5A5C;
}
.page #main div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin: 0;
}
.page #main.marginTop {
  margin-top: 20px;
}
.page #main .box5col {
  background-color: #D0E0E7;
}
.page #main .layout-4sp {
  padding: 20px;
  background-color: white;
  clear: both;
}
.page #main .layout-4sp .csc-textpic-text a {
  display: inline-block;
  background-color: #F29400;
  padding: 7px 15px;
  color: white;
  text-decoration: none;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
.page #main .layout-4sp .csc-textpic-text a:hover {
  background-color: #32687f;
}
.page #main .layout-4sp > .csc-default {
  float: left;
  margin-left: 25px;
  width: 195px;
  background-color: #C5D7E4;
  overflow: hidden;
}
.page #main .layout-4sp > .csc-default .csc-textpic-text {
  padding: 10px;
}
.page #main .layout-4sp > .csc-default + .csc-default {
  margin-left: 40px;
}
.page #main .slider.box,
.page #main .layout-2sp.box {
  position: relative;
}
.page #main .slider.box .csc-textpic-text,
.page #main .layout-2sp.box .csc-textpic-text {
  position: absolute;
  right: 35px;
  width: 250px;
  background-color: rgba(255, 255, 255, 0.6);
  color: #5A5A5C;
  height: 100%;
  top: 0;
  z-index: 99;
  padding: 0 25px;
}
.page #main .slider.box .csc-textpic-text .bodytext,
.page #main .layout-2sp.box .csc-textpic-text .bodytext {
  font-size: 14px;
  line-height: 22px;
}
.page #main .slider.box.blue .csc-textpic-text,
.page #main .layout-2sp.box.blue .csc-textpic-text {
  color: white;
  background-color: rgba(0, 78, 153, 0.7);
}
.page #main .slider.box .csc-textpic-imagewrap,
.page #main .layout-2sp.box .csc-textpic-imagewrap {
  float: none !important;
}
.page #main .slider .csc-textpic-imagerow figcaption,
.page #main .layout-2sp .csc-textpic-imagerow figcaption {
  position: absolute;
  left: -400px;
  top: 50px;
  width: 300px;
  background-color: rgba(49, 133, 155, 0.7);
  color: white;
  text-transform: uppercase;
  font-size: 18px;
  padding: 10px 25px;
  -webkit-animation-name: slide-left;
  animation-name: slide-left;
}
.page #main .layout-2sp {
  background-color: white;
  clear: both;
  position: relative;
}
.page #main .layout-2sp .csc-header {
  position: absolute;
  right: 25px;
  color: #ffffff;
}
.page #main .layout-2sp > .csc-textpic > .csc-textpic-text {
  background-color: #AAC7D4;
  width: 250px;
  position: absolute;
  right: 0;
  padding: 25px;
  height: 350px;
}
.page #main .layout-2sp > .csc-textpic > .csc-textpic-text a {
  background-color: #D0E0E7;
  padding: 5px 10px;
  display: block;
  text-decoration: none;
  font-size: 14px;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
}
.page #main .layout-2sp > .csc-textpic > .csc-textpic-text a:hover {
  background-color: #AAC7D4;
}
.page #main .layout-3sp {
  position: relative;
  margin: 40px 0;
  clear: both;
  /*
      * clearing
      */
}
.page #main .layout-3sp .csc-default {
  width: 300px;
  background-color: #D0E0E7;
  margin-bottom: 25px;
  padding-bottom: 45px;
  color: #5A5A5C;
  position: relative;
}
.page #main .layout-3sp .csc-default .bodytext {
  margin: 0;
}
.page #main .layout-3sp .csc-default .csc-textpic-text a {
  display: inline-block;
  background-color: #F29400;
  padding: 7px 15px;
  color: white;
  text-decoration: none;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  transition: 0.5s all;
  position: absolute;
  bottom: 25px;
}
.page #main .layout-3sp .csc-default .csc-textpic-text a:hover {
  background-color: #32687f;
}
.page #main .layout-3sp .csc-default .csc-textpic-text {
  padding: 25px;
}
.page #main .layout-3sp .csc-default h3 {
  font-size: 20px;
  margin: 0 0 10px 0;
  padding: 0;
}
.page #main .layout-3sp .csc-textpic,
.page #main .layout-3sp .csc-textpic-imagewrap,
.page #main .layout-3sp .csc-textpic-image {
  margin: 0;
  padding: 0;
}
.page #main .layout-3sp .columnLast {
  position: absolute;
  right: 0;
  top: 0;
}
.page #mainArea,
.page #main {
  /**
    * 1 Spalten Layout
    */
  /**
    * 2 Spalten Layout
    */
  /**
    * 3 Spalten Layout
    */
}
.page #mainArea #col0,
.page #main #col0 {
  background-color: white;
  overflow: hidden;
}
.page #mainArea #col0 .layout-3sp > .csc-default,
.page #main #col0 .layout-3sp > .csc-default {
  float: left;
  margin-left: 25px;
  width: 283px;
  overflow: hidden;
}
.page #mainArea #col0 .layout-3sp > .csc-default + .csc-default,
.page #main #col0 .layout-3sp > .csc-default + .csc-default {
  margin-left: 40px;
}
.page #mainArea #col0 .container50,
.page #main #col0 .container50 {
  padding: 25px;
}
.page #mainArea #col0 .container50 > .csc-default,
.page #main #col0 .container50 > .csc-default {
  width: 455px;
}
.page #mainArea .container50 > .csc-default,
.page #main .container50 > .csc-default {
  width: 50%;
  float: left;
}
.page #mainArea .container50 > .csc-default + .csc-default,
.page #main .container50 > .csc-default + .csc-default {
  float: right;
}
.page #mainArea .container7535,
.page #main .container7535 {
  padding: 25px;
}
.page #mainArea .container7535 > .csc-default,
.page #main .container7535 > .csc-default {
  width: 635px;
  float: left;
}
.page #mainArea .container7535 > .csc-default + .csc-default,
.page #main .container7535 > .csc-default + .csc-default {
  display: block;
  margin-left: 680px;
  width: auto;
  float: none;
}
.page #mainArea #col1,
.page #main #col1 {
  width: 680px;
  display: block;
  float: left;
}
.page #mainArea #col1 > div,
.page #main #col1 > div {
  padding: 25px;
}
.page #mainArea #col2,
.page #main #col2 {
  width: auto;
  display: block;
  margin-left: 680px;
}
.page #mainArea #col2 > div,
.page #main #col2 > div {
  padding: 25px;
}
.page #mainArea .l2con,
.page #main .l2con {
  background-color: #ffffff;
}
.page #mainArea .padding,
.page #main .padding {
  padding: 25px;
}
.page #mainArea #col3,
.page #main #col3 {
  width: 300px;
  float: left;
}
.page #mainArea #col4,
.page #main #col4 {
  width: auto;
  margin: 0 340px;
}
.page #mainArea #col5,
.page #main #col5 {
  float: right;
  width: 300px;
}
.page #mainArea .box5col,
.page #main .box5col {
  margin-bottom: 40px;
  position: relative;
  padding: 25px;
  overflow: hidden;
  height: 166px;

  /*
      * clearing
      */
}
.page #mainArea .box5col .layout-5sp,
.page #main .box5col .layout-5sp {
  position: relative;
  display: block;
  float: left;
  height: 166px;
  width: 166px;
  overflow: hidden;
  cursor: pointer;
  z-index: 999;
}
.page #mainArea .box5col .layout-5sp + .layout-5sp,
.page #main .box5col .layout-5sp + .layout-5sp {
  margin-left: 25px;
}
.page #mainArea .box5col .layout-5sp .csc-header,
.page #main .box5col .layout-5sp .csc-header {
  margin: 10px 0 0 0;
  padding: 0;
  display: block;
}
.page #mainArea .box5col .layout-5sp .bodytext,
.page #main .box5col .layout-5sp .bodytext {
  margin: 5px 0 0 0;
}
.page #mainArea .box5col .layout-5sp h1,
.page #main .box5col .layout-5sp h1 {
  margin: 0;
  padding: 0;
}
.page #mainArea .box5col .layout-5sp img,
.page #main .box5col .layout-5sp img {
  height: 166px;
  width: 166px;
}
.page #mainArea .box5col .layout-5sp:hover,
.page #main .box5col .layout-5sp:hover {
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
  -webkit-animation: swinging 10s ease-in-out 0s infinite;
  -moz-animation: swinging 10s ease-in-out 0s infinite;
  animation: swinging 10s ease-in-out 0s infinite;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.page #mainArea .box5col .layout-5sp.blue,
.page #main .box5col .layout-5sp.blue {
  background-color: #31859b;
}
.page #mainArea .box5col .layout-5sp.blue:hover,
.page #main .box5col .layout-5sp.blue:hover {
  background-color: #256474;
}
.page #mainArea .box5col .layout-5sp.blue50,
.page #main .box5col .layout-5sp.blue50 {
  background-color: #32687f;
  color: white;
  text-shadow: 1px 1px 1px black;
}
.page #mainArea .box5col .layout-5sp.blue50 a,
.page #main .box5col .layout-5sp.blue50 a {
  color: white;
}
.page #mainArea .box5col .layout-5sp.blue50:hover,
.page #main .box5col .layout-5sp.blue50:hover {
  background-color: #244a5a;
}
.page #mainArea .box5col .layout-5sp.blue33,
.page #main .box5col .layout-5sp.blue33 {
  background-color: #AAC7D4;
}
.page #mainArea .box5col .layout-5sp.blue33:hover,
.page #main .box5col .layout-5sp.blue33:hover {
  background-color: #88b1c3;
}
.page #mainArea .box5col .layout-5sp.blue2,
.page #main .box5col .layout-5sp.blue2 {
  background-color: #009DE0;
}
.page #mainArea .box5col .layout-5sp.blue2:hover,
.page #main .box5col .layout-5sp.blue2:hover {
  background-color: #0079ad;
}
.page #mainArea .box5col .layout-5sp.yellow,
.page #main .box5col .layout-5sp.yellow {
  background-color: #F29400;
  color: white;
}
.page #mainArea .box5col .layout-5sp.yellow a,
.page #main .box5col .layout-5sp.yellow a {
  color: white;
}
.page #mainArea .box5col .layout-5sp.yellow:hover,
.page #main .box5col .layout-5sp.yellow:hover {
  background-color: #bf7500;
}
.page #mainArea .box5col .layout-5sp img,
.page #main .box5col .layout-5sp img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.page #mainArea .box5col .layout-5sp:hover img,
.page #main .box5col .layout-5sp:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.2, M12=0, M21=0, M22=1.2);
}
.page #mainArea .box5col .layout-5sp .csc-textpic-text,
.page #main .box5col .layout-5sp .csc-textpic-text,
.page #mainArea .box5col .layout-5sp > .bodytext,
.page #main .box5col .layout-5sp > .bodytext {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 13px;
}
.page #mainArea .box5col .layout-5sp .csc-textpic-text h3,
.page #main .box5col .layout-5sp .csc-textpic-text h3,
.page #mainArea .box5col .layout-5sp > .bodytext h3,
.page #main .box5col .layout-5sp > .bodytext h3 {
  margin: 0;
}
.page #mainArea .box5col .layout-5sp > ul > li,
.page #main .box5col .layout-5sp > ul > li {
  width: 167px;
  background-color: #D0E0E7;
}
.page #mainArea .box5col .layout-5sp > ul > li .columnItems,
.page #main .box5col .layout-5sp > ul > li .columnItems {
  position: relative;
}
.page #mainArea .box5col .layout-5sp > ul > li .columnItems a,
.page #main .box5col .layout-5sp > ul > li .columnItems a {
  display: inline-block;
  background-color: #F29400;
  padding: 7px 15px;
  color: white;
  text-decoration: none;
  position: absolute;
  bottom: 25px;
  left: 25px;
}
.page #mainArea .box5col .layout-5sp > ul > li .columnItems .csc-textpic-text,
.page #main .box5col .layout-5sp > ul > li .columnItems .csc-textpic-text {
  padding: 25px;
}
.page #mainArea .box5col .layout-5sp > ul > li .columnItems h3,
.page #main .box5col .layout-5sp > ul > li .columnItems h3 {
  font-size: 20px;
  margin: 0;
  padding: 0;
}
.page #mainArea .box5col .layout-5sp > ul > li.columnLast,
.page #main .box5col .layout-5sp > ul > li.columnLast {
  position: absolute;
  right: 0;
  top: 0;
}
.page #mainArea .box5col .csc-textpic,
.page #main .box5col .csc-textpic,
.page #mainArea .box5col .csc-textpic-imagewrap,
.page #main .box5col .csc-textpic-imagewrap,
.page #mainArea .box5col .csc-textpic-image,
.page #main .box5col .csc-textpic-image {
  margin: 0;
  padding: 0;
}
.page #mainArea .powermail_label,
.page #main .powermail_label {
  font-weight: normal;
}
.page #mainArea .powermail_fieldset,
.page #main .powermail_fieldset {
  background-color: transparent;
  border: 0;
}
.page #mainArea .powermail_legend,
.page #main .powermail_legend {
  float: none;
  margin-left: 0;
  padding-left: 0;
  color: #5A5A5C;
  font-weight: normal;
  font-size: 24px;
}
.page #mainArea input,
.page #main input {
  background-color: #EDEDED;
  color: #5A5A5C;
}
.page #mainArea .powermail_submit,
.page #main .powermail_submit {
  width: auto;
  float: none;
  font-weight: normal;
  margin-left: 0;
}
.page #mainArea {
  width: 980px;
  margin: 0 auto;
  position: relative;
  top: -100px;
}
.page #mainArea .box5col {
  position: absolute;
}
#footer {
  min-height: 150px;
  background-color: #D0E0E7;
}
#footer > .inline {
  margin: 0 auto;
  width: calc(980px - 25px);
  display: block;
  padding-left: 25px;
}
#footer > .inline > .csc-default {
  display: block;
  width: 166px;
  float: left;
}
#footer > .inline > .csc-default + .csc-default {
  padding-left: 25px;
}
#frontpage {
  display: block;
/*  height: 900px;*/
}
#frontpage.big {
  /*
    height: 889px;
    #slider{
      height: 750px;
    }
    */
}
#frontpage #slider {
  height: 650px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#frontpage #slider #content-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4%;
  width: 270px;
  background: rgba(255, 255, 255, 0.7);
  padding: 25px;
}
#frontpage #slider #content-overlay h1 {
  text-shadow: 0px 0px 2px white;
  color: #333;
  margin: 0;
  padding: 0;
}
#frontpage #slider #content-overlay p {
  color: #222;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 19px;
  text-shadow: 0 0 2px white;
}
#frontpage #slider img {
  width: 100%;
}
#frontpage #slider .slideBox {
  position: absolute;
  left: 0;
  top: 45px;
  width: 20%;
  height: 100px;
  padding: 20px;
  display: block;
  background-color: rgba(232, 236, 245, 0.65);
  font-size: 16px;
  padding-left: 0;
}
#frontpage #slider .slideBox:hover {
  background-color: #e8ecf5;
  width: 22%;
}
#frontpage #slider .slideBox + .slideBox {
  top: 220px;
}
#frontpage #slider .slideBox + .slideBox + .slideBox {
  top: 395px;
}
#frontpage #slider .slideBox .headline {
  display: block;
  font-size: 1.5em;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  text-align: right;
  text-shadow: 1px 1px 1px #ccc;
}
#frontpage #slider .slideBox .btnOrange {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
#frontpage #slider .slideText {
  position: absolute;
  left: 0;
  top: 200px;
  width: 35%;
  height: 130px;
  padding: 20px;
  display: block;
  text-align: right;
  background-color: rgba(49, 133, 155, 0.7);
  color: white;
  font-size: 16px;
  padding-left: 0;
}
#frontpage #slider .slideText .headline {
  font-size: 1.5em;
  margin-bottom: 10px;
  display: block;
  padding: 0;
}
#frontpage #slider .slideText .btnOrange {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
#frontpage #mainArea .box5col {
  margin: 0;
}
#backgroundPanel {
  width: 100%;
  height: 150px;
  background-color: #D0E0E7;
  margin-bottom: 40px;
}
/* linke Spalte */
/* mittlere Spalte - Content */
/**
 * #####
 * ## Startseite Boxen
 * #####
 */
#boxline {
  background-color: #EDEDED;
}
#boxline .inlineWrapper {
  width: 980px;
  margin: 0 auto;
}
#boxline .inlineWrapper .box {
  display: block;
  width: 150px;
  height: 150px;
  float: left;
  background: orange;
  margin-right: 10px;
}
/**
 * #####
 * ## Inhalt
 * #####
 */
/* Partner */
/**
 * #####
 * ## Extras / Bugs
 * #####
 */
a,
div,
img {
  outline: 0 none;
  border: 0;
}
.clear {
  height: 1px;
  display: block;
  clear: both;
}
.divider {
  border-top: 4px solid #C2BBB1;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}
.divider hr {
  border: 0;
  clear: both;
  margin: 0;
}
/* INPUT */
input {
  background: #DAD6E7;
  border: 0;
}
/* color setup */
/* login */
/* Farben Output aus der DB */
#farben,
#farbenalu {
  padding-left: 50px;
}
#farben .selection,
#farbenalu .selection,
#ornament .selection {
  background: #c0e2f0;
  -webkit-box-shadow: 0 0 5px -1px #b6cde2;
  box-shadow: 0 0 5px -1px #b6cde2;
  display: inline-block;
  margin: 10px 15px;
  position: relative;
  width: 95px;
}
#farben .selection h3,
#farbenalu .selection h3,
#ornament .selection h3 {
  color: #00519c;
  font-size: 11px;
  font-weight: normal;
  height: 28px;
  margin: 0;
  max-width: 130px;
  padding: 7px 0 5px;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}
#farben .selection .inline,
#farbenalu .selection .inline,
#ornament .selection .inline {
  line-height: 0;
}
#farben .selection img,
#farbenalu .selection img,
#ornament .selection img {
  max-width: 95px;
}
#farben .selection.groupSelect,
#farbenalu .selection.groupSelect,
#ornament .selection.groupSelect {
  width: auto;
  display: block;
}
/**
* Lightbox
*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url(/fileadmin/layout/js/fancybox/fancybox_sprite.png);
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(/fileadmin/layout/js/fancybox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(/fileadmin/layout/js/fancybox/blank.gif);
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
  overflow: visible !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(/fileadmin/layout/js/fancybox/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  padding-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}
#Container .mix {
  display: none;
}
.tx-jfmulticontent-pi1 h1 {
  margin: 10px 0;
}
.tx-jfmulticontent-pi1 ul {
  padding: 0;
  margin-left: 25px;
}
.tx-jfmulticontent-pi1 .ui-widget-content a {
  color: #31859b;
  line-height: 20px;
  display: block;
}
.tx-jfmulticontent-pi1 .ui-widget-content a:hover {
  color: #F29400;
}
#page-to-top {
  background: rgba(0, 21, 53, 0.44) none repeat scroll 0 0;
  border-radius: 10px;
  bottom: 30px;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 30px;
  font-weight: normal;
  padding: 20px 20px 11px;
  position: fixed;
  right: 30px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
#page-to-top.active {
  opacity: 1;
}
.no-background {
  background: transparent none !important;
}
/*# sourceMappingURL=style.css.map */