/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fadeInBlock {
    opacity:0;
}
.fadeInBlock2 {
    opacity:0;
}
.fadeInBlock3 {
    opacity:0;
}
.fadeInBlock4 {
    opacity:0;
}

.fadeInBlock5 {
    opacity:0;
}


.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.fade-in.two {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}


.menu-fixed li.menu-item.active a
{border-bottom: 2px solid rgba(239, 159, 18, 0.8);
color: #e15d15 !important;
}
li.menu-item a{
border-top: 2px solid rgba(255, 0, 0, 0);
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 4px 14px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333;
  text-shadow: 0 1px 1px rgba(255,255,255,0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
  background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
  background-image: -o-linear-gradient(top,#fff,#e6e6e6);
  background-image: linear-gradient(to bottom,#fff,#e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #bbb;
  *border: 0;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 9px 14px;
  font-size: 16px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-large [class^="icon-"] {
  margin-top: 2px;
}
.btn-small {
  padding: 3px 9px;
  font-size: 12px;
  line-height: 18px;
}
.btn-small [class^="icon-"] {
  margin-top: 0;
}
.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 16px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255,255,255,0.75);
}
.btn {
  border-color: #c5c5c5;
  border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
}
.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top,#08c,#0044cc);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0044cc));
  background-image: -webkit-linear-gradient(top,#08c,#0044cc);
  background-image: -o-linear-gradient(top,#08c,#0044cc);
  background-image: linear-gradient(to bottom,#08c,#0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0043cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #0044cc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}
.btn-warning {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #faa732;
  background-image: -moz-linear-gradient(top,#fbb450,#f89406);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
  background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
  background-image: -o-linear-gradient(top,#fbb450,#f89406);
  background-image: linear-gradient(to bottom,#fbb450,#f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffab44f', endColorstr='#fff89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #f89406;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #fff;
  background-color: #f89406;
  *background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
.btn-danger {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
  background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
  background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
  background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #bd362f;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #fff;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top,#62c462,#51a351);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
  background-image: -webkit-linear-gradient(top,#62c462,#51a351);
  background-image: -o-linear-gradient(top,#62c462,#51a351);
  background-image: linear-gradient(to bottom,#62c462,#51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #51a351;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #fff;
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
  background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4);
  background-image: -o-linear-gradient(top,#5bc0de,#2f96b4);
  background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #2f96b4;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #fff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  background-color: #363636;
  background-image: -moz-linear-gradient(top,#444,#222);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));
  background-image: -webkit-linear-gradient(top,#444,#222);
  background-image: -o-linear-gradient(top,#444,#222);
  background-image: linear-gradient(to bottom,#444,#222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  border-color: #222 #222 #000000;
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  *background-color: #222;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #fff;
  background-color: #222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #090909 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-link,
.btn-link:active {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #08c;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link:hover {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}
#sp-subheader h2 {
  line-height: normal;
  margin: 0;
}
a,
a:hover {
  text-decoration: none;
}
.page-header {
  padding-bottom: 10px;
  margin: 0 0 20px;
}
.entry-meta.muted {
  padding: 5px;
  margin-bottom: 20px;
  font-size: 12px;
}
.entry-meta.muted >span,
.entry-meta.muted >time {
  margin: 0 5px;
}
.entry-meta ul {
  margin: 0 5px;
}
.entry-meta ul.actions {
  float: right;
}
.entry-meta ul.actions li {
  display: inline-block;
}
.entry-meta ul.actions li.print-icon a::before {
  content: "\f02f";
}
.entry-meta ul.actions li.email-icon a::before {
  content: "\f003";
}
.entry-meta ul.actions li.edit-icon a::before {
  content: "\f044";
}
.entry-meta ul.actions li a {
  font-family: FontAwesome;
  display: block;
  font-size: 14px;
  margin-left: 5px;
}
.entry-meta ul.actions li a img {
  display: none;
}
.entry-meta ul.actions li a span {
  display: none;
}
ul.pagenav {
  list-style: none;
  padding: 0;
  clear: both;
  margin-top: 10px;
  margin-left: 0;
  overflow: hidden;
}
ul.pagenav .pagenav-prev {
  float: left;
}
ul.pagenav .pagenav-next {
  float: right;
}
dl dt,
dl dd {
  display: inline;
}
#editor-xtd-buttons {
  display: inline-block;
  margin-right: 10px;
}
.button2-left {
  display: inline-block;
  margin-right: 10px;
  margin-top: 15px;
}
.toggle-editor {
  display: inline-block;
}
.edit .modal {
  position: inherit;
  top: auto;
  left: auto;
  width: auto;
  margin-left: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
}
.pagination ul>li>a,
.pagination ul>li>span {
  background: #d1d1d1;
  color: #fff;
  border: 0;
  margin-right: 10px;
  box-shadow: none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.pagination ul {
  box-shadow: none;
}
input[type="submit"],
input[type="button"],
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  text-shadow: none;
  font-weight: normal;
  color: #ccc;
  min-height: 30px;
  box-shadow: none;
  border: 0;
  border: 1px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
textarea:hover,
textarea:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="datetime"]:hover,
input[type="datetime"]:focus,
input[type="datetime-local"]:hover,
input[type="datetime-local"]:focus,
input[type="date"]:hover,
input[type="date"]:focus,
input[type="month"]:hover,
input[type="month"]:focus,
input[type="time"]:hover,
input[type="time"]:focus,
input[type="week"]:hover,
input[type="week"]:focus,
input[type="number"]:hover,
input[type="number"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
input[type="url"]:hover,
input[type="url"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="tel"]:hover,
input[type="tel"]:focus,
input[type="color"]:hover,
input[type="color"]:focus,
.uneditable-input:hover,
.uneditable-input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input.input-block-level {
  min-height: 45px;
}
.search .hasTooltip {
  padding: 10px 30px;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0;
  text-shadow: 0;
}
.center {
  text-align: center;
}
.center th,
.center tr,
.center td {
  text-align: center;
}
.body-innerwrapper {
  overflow-x: hidden;
}
.row-fluid {
  margin-bottom: 20px;
}
.row-fluid:first-child {
  margin-bottom: 0;
}
.btn,
.btn.btn-primary,
button {
  color: #fff;
  padding: 15px 35px;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  text-shadow: none;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.btn:hover,
.btn.btn-primary:hover,
button:hover {
  color: #fff;
}
.btn.btn-danger {
  background: #da4f49;
}
.btn.btn-danger:hover {
  background: #c72f29;
}
#sp-header-wrapper {
  background-color: #eaeaea;
}
#sp-header-wrapper .logo-wrapper .logo {
  background-position: 0 50%;
  background-repeat: no-repeat;
}
#sp-header-wrapper .logo-wrapper .logo-text {
  font-size: 27px;
}
#sp-header-wrapper .logo-wrapper .logo-slogan {
  font-size: 11px;
}
#sp-social {
    padding: 20px 0;
}
#sp-social p {
    margin-bottom: 0;
}
#sp-social i {
    font-size: 20px;
    padding: 9px;
}
#sp-logo {
    margin-top: 10px;
    margin-bottom: 10px;
}
#sp-logo .logo-text a{
    font-size: 30px;
    text-transform: uppercase;
}
#sp-subheader-wrapper {
    border-top: 1px solid #FAFAFA;
    padding-top: 20px;
}
#sp-subheader-wrapper #sp-subheader h2 {
  font-size: 24px;
  color: #333;
  text-transform: uppercase;
  font-weight: 500;
}
#sp-subheader-wrapper .breadcrumb {
  background: none;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: right;
  color: #333;
  font-size: 14px;
  font-weight: 400;
}
#sp-subheader-wrapper .breadcrumb .divider i {
  display: none;
}
.action-button a {
  margin: 35px 0;
}
.action-content {
  margin: 35px 0;
}
.action-content p {
  margin: 0;
  padding: 0;
}
.action-content h2 {
  margin: 0;
  padding: 0;
}
.action-button .btn,
.action-button .btn.btn-primary,
.action-button button {
  color: #fff;
  padding: 15px 35px;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  border: 0;
  box-shadow: none;
  text-shadow: none;
  background-image: none;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.action-button .btn:hover,
.action-button .btn.btn-primary:hover,
.action-button button:hover {
  color: #fff;
}
#sp-service-wrapper .sp-feature p {
  margin-top: 10px;
}
#sp-service-wrapper .sp-feature i {
  display: inline-block;
  font-size: 36px;
  color: #333;
  margin-right: 18px;
}
#sp-service-wrapper .sp-feature h3 {
  display: inline-block;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 24px;
  color: #333;
  line-height: 28px;
}
#sp-service-wrapper .sp-feature:hover i {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-transform: scale(1.5) rotate(360deg);
  -webkit-transform: scale(1.5) rotate(360deg);
  -o-transform: scale(1.5) rotate(360deg);
  transform: scale(1.5) rotate(360deg);
}
#sp-service-wrapper .row2 {
  margin-top: 95px;
}
#sp-users-wrapper #sp-promo i {
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
#sp-users-wrapper #sp-promo .user1-details {
  margin-left: 90px;
}
#sp-users-wrapper #sp-promo .user1-details h3 {
  font-size: 24px;
  color: #333;
  text-transform: capitalize;
}
#sp-users-wrapper #sp-promo .span4:hover i{
  border-radius: 50%;
  background: none;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  cursor: pointer;
}
#sp-main-body-wrapper {
  padding: 30px 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#sp-bottom-wrapper {
  padding-bottom: 65px;
  padding-top: 30px;
  background: #fafafa;
}
#sp-bottom-wrapper h3 {
  font-size: 22px;
  text-transform: capitalize;
}
#sp-bottom-wrapper .k2ItemsBlock >ul >li a.moduleItemTitle {
  color: #333;
}
#sp-bottom3 p,
#sp-bottom4 p,
#sp-bottom2 p, 
#sp-bottom1 p {
    color: #333;
}
#sp-bottom-wrapper .k2TagCloudBlock >a {
  background: transparent;
  border: 1px solid #999;
}
#sp-bottom-wrapper .k2TagCloudBlock >a:hover {
  border: 1px solid transparent;
}

#sp-bottom-wrapper #sp-bottom4 a {
  text-decoration: underline;
}
#sp-bottom-wrapper #sp-bottom4 .adress {
  font-weight: 400;
}
#sp-bottom-2nd-row-wrapper {
  padding: 35px 0;
  background: #383838;
}
#sp-bottom-2nd-row-wrapper #sp-bottom5,
#sp-bottom-2nd-row-wrapper #sp-bottom6,
#sp-bottom-2nd-row-wrapper #sp-bottom7,
#sp-bottom-2nd-row-wrapper #sp-bottom8 {
  display: table;
}
#sp-bottom-2nd-row-wrapper #sp-bottom5 form,
#sp-bottom-2nd-row-wrapper #sp-bottom6 form,
#sp-bottom-2nd-row-wrapper #sp-bottom7 form,
#sp-bottom-2nd-row-wrapper #sp-bottom8 form {
  margin: 0px;
}
#sp-bottom-2nd-row-wrapper #sp-bottom5 .custom,
#sp-bottom-2nd-row-wrapper #sp-bottom6 .custom,
#sp-bottom-2nd-row-wrapper #sp-bottom7 .custom,
#sp-bottom-2nd-row-wrapper #sp-bottom8 .custom {
  display: table-cell;
  vertical-align: middle;
}
#sp-bottom-2nd-row-wrapper #sp-bottom5 .custom p,
#sp-bottom-2nd-row-wrapper #sp-bottom6 .custom p,
#sp-bottom-2nd-row-wrapper #sp-bottom7 .custom p,
#sp-bottom-2nd-row-wrapper #sp-bottom8 .custom p {
  margin: 8px 0;
}
#sp-bottom-2nd-row-wrapper #sp-bottom5 a,
#sp-bottom-2nd-row-wrapper #sp-bottom6 a,
#sp-bottom-2nd-row-wrapper #sp-bottom7 a,
#sp-bottom-2nd-row-wrapper #sp-bottom8 a {
  color: #fff;
  line-height: 24px;
  text-transform: capitalize;
}
#sp-bottom-2nd-row-wrapper #sp-bottom5 a i,
#sp-bottom-2nd-row-wrapper #sp-bottom6 a i,
#sp-bottom-2nd-row-wrapper #sp-bottom7 a i,
#sp-bottom-2nd-row-wrapper #sp-bottom8 a i {
  line-height: 24px;
}
#sp-bottom-2nd-row-wrapper #sp-bottom5 .subcription-bottom-wrapper .acymailing_form .onefield,
#sp-bottom-2nd-row-wrapper #sp-bottom6 .subcription-bottom-wrapper .acymailing_form .onefield,
#sp-bottom-2nd-row-wrapper #sp-bottom7 .subcription-bottom-wrapper .acymailing_form .onefield,
#sp-bottom-2nd-row-wrapper #sp-bottom8 .subcription-bottom-wrapper .acymailing_form .onefield {
  width: 85%;
  float: left;
}
#sp-bottom-2nd-row-wrapper #sp-bottom5 .subcription-bottom-wrapper .acymailing_form >p,
#sp-bottom-2nd-row-wrapper #sp-bottom6 .subcription-bottom-wrapper .acymailing_form >p,
#sp-bottom-2nd-row-wrapper #sp-bottom7 .subcription-bottom-wrapper .acymailing_form >p,
#sp-bottom-2nd-row-wrapper #sp-bottom8 .subcription-bottom-wrapper .acymailing_form >p {
  margin: 0;
  display: inline-block;
}
#sp-bottom-2nd-row-wrapper #sp-bottom5 .subcription-bottom-wrapper .acymailing_form .acyfield_email >input[type='text'],
#sp-bottom-2nd-row-wrapper #sp-bottom6 .subcription-bottom-wrapper .acymailing_form .acyfield_email >input[type='text'],
#sp-bottom-2nd-row-wrapper #sp-bottom7 .subcription-bottom-wrapper .acymailing_form .acyfield_email >input[type='text'],
#sp-bottom-2nd-row-wrapper #sp-bottom8 .subcription-bottom-wrapper .acymailing_form .acyfield_email >input[type='text'] {
  background: transparent;
  border: 1px solid #666;
  border-right: transparent;
  color: #fff;
  margin: 0px;
  padding-left: 15px;
}
#sp-bottom-2nd-row-wrapper #sp-bottom5 .subcription-bottom-wrapper .acymailing_form .acysubbuttons,
#sp-bottom-2nd-row-wrapper #sp-bottom6 .subcription-bottom-wrapper .acymailing_form .acysubbuttons,
#sp-bottom-2nd-row-wrapper #sp-bottom7 .subcription-bottom-wrapper .acymailing_form .acysubbuttons,
#sp-bottom-2nd-row-wrapper #sp-bottom8 .subcription-bottom-wrapper .acymailing_form .acysubbuttons {
  position: relative;
}
#sp-bottom-2nd-row-wrapper #sp-bottom5 .subcription-bottom-wrapper .acymailing_form .acysubbuttons >input[type='submit'],
#sp-bottom-2nd-row-wrapper #sp-bottom6 .subcription-bottom-wrapper .acymailing_form .acysubbuttons >input[type='submit'],
#sp-bottom-2nd-row-wrapper #sp-bottom7 .subcription-bottom-wrapper .acymailing_form .acysubbuttons >input[type='submit'],
#sp-bottom-2nd-row-wrapper #sp-bottom8 .subcription-bottom-wrapper .acymailing_form .acysubbuttons >input[type='submit'] {
  text-indent: -9999em;
  height: 40px;
  width: 40px;
  padding: 0;
  display: inline-block;
  margin-left: -1px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#sp-bottom-2nd-row-wrapper #sp-bottom5 .subcription-bottom-wrapper .acymailing_form .acysubbuttons:after,
#sp-bottom-2nd-row-wrapper #sp-bottom6 .subcription-bottom-wrapper .acymailing_form .acysubbuttons:after,
#sp-bottom-2nd-row-wrapper #sp-bottom7 .subcription-bottom-wrapper .acymailing_form .acysubbuttons:after,
#sp-bottom-2nd-row-wrapper #sp-bottom8 .subcription-bottom-wrapper .acymailing_form .acysubbuttons:after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -3px;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
}
#sp-footer-wrapper  {
  border-top: none!important;
  background: #f3f3f3;
}
#sp-footer-wrapper p {
  color: #333;
}
#sp-footer-wrapper {
  padding: 30px 0;
}
#sp-footer-wrapper ul {
  display: inline-block;
}
#sp-footer-wrapper ul.nav {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 5px;
  margin-left: 10px;
  font-size: 12px;
}
#sp-footer-wrapper ul.nav li {
  display: inline-block;
  margin: 0 5px;
  font-size: 14px;
  margin-right: 20px;
}
#sp-footer-wrapper ul.nav li a {
  display: block;
  color: #333;
  text-transform: uppercase;
}
#sp-footer-wrapper ul.nav li a:hover {
  background: transparent;
}
#sp-footer-wrapper .sp-totop {
  display: inline-block;
}
#sp-footer-wrapper .sp-totop i {
  color: #fff;
}
#sp-footer-wrapper .sp-totop small {
  display: none;
}
#sp-footer-wrapper #sp-footer1 .copyright,
#sp-footer-wrapper #sp-footer1 .designed-by {
  display: inline-block;
}
#sp-footer-wrapper #sp-footer1 .copyright a,
#sp-footer-wrapper #sp-footer1 .designed-by a {
  color: #444;
}
#sp-footer-wrapper #sp-footer2 {
  text-align: right;
}
#sp-footer-wrapper #sp-footer2 li a {
  text-transform: capitalize;
}
.ltr #sp-footer-wrapper .helix-framework {
  float: left;
  margin-right: 15px;
}
.ltr #sp-footer-wrapper # {
  text-align: right;
}
.rtl #sp-footer-wrapper .helix-framework {
  float: right;
  margin-left: 15px;
}
.rtl #sp-footer-wrapper #sp-footer2 {
  text-align: left;
}
.about-us h2,
.about-us h3 {
  font-size: 28px;
  color: #333;
  font-weight: 500;
}
.about-us .about-img {
  padding: 20px 0;
}
.circliful {
  position: relative;
}
.circle-text,
.circle-info,
.circle-text-half,
.circle-info-half {
  width: 100%;
  position: absolute;
  text-align: center;
  display: inline-block;
}
.circle-info,
.circle-info-half {
  color: #999;
}
.circliful .fa {
  margin: -10px 3px 0 3px;
  position: relative;
  bottom: 4px;
}
.contact-info i {
  margin-right: 10px;
}
.contact-form-submit .btn-large {
  padding: 12px 20px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-shadow: none;
  box-shadow: 0;
  border: 0;
}
.portfolio .sp-portfolio ul.sp-portfolio-filter {
  margin-bottom: 50px;
}
.portfolio .sp-portfolio ul.sp-portfolio-filter li {
  margin-right: 20px;
}
.portfolio .sp-portfolio ul.sp-portfolio-filter li a {
  font-size: 16px;
  padding: 10px 15px;
}
.portfolio .sp-portfolio ul.sp-portfolio-filter li a.btn {
  background-color: transparent;
}
.portfolio .sp-portfolio ul.sp-portfolio-filter li a.btn:hover,
.portfolio .sp-portfolio ul.sp-portfolio-filter li a.btn.active {
  color: #f3f3f3;
}
.portfolio .sp-portfolio .sp-portfolio-items li.sp-portfolio-item .sp-portfolio-thumb .sp-portfolio-overlay a.sp-portfolio-preview,
.portfolio .sp-portfolio .sp-portfolio-items li.sp-portfolio-item .sp-portfolio-thumb .sp-portfolio-overlay .sp-portfolio-link {
  width: 35px;
  color: #f3f3f3;
  border: 1px solid #f3f3f3;
  background: transparent;
}
.portfolio .sp-portfolio .sp-portfolio-items li.sp-portfolio-item .sp-portfolio-thumb .sp-portfolio-overlay a.sp-portfolio-preview:hover,
.portfolio .sp-portfolio .sp-portfolio-items li.sp-portfolio-item .sp-portfolio-thumb .sp-portfolio-overlay .sp-portfolio-link:hover {
  background: #f3f3f3;
}
.portfolio .sp-portfolio .sp-portfolio-items li.sp-portfolio-item .sp-portfolio-thumb .sp-portfolio-overlay .sp-portfolio-item-details a {
  color: #f3f3f3;
}


#sp-main-menu {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 500;

}
#sp-main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#sp-main-menu ul.level-0 > li {
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 0;
  position: relative;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
#sp-main-menu ul.level-0 > li >a {
  display: block;
  margin: 0;
  padding: 10px;
  color: #333;
}
#sp-main-menu ul.level-0 > li >a .menu-desc {
  font-size: 11px;
  color: #999;
  display: block;
}
#sp-main-menu ul.level-0 > li.parent:hover {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#sp-main-menu ul.level-0 > li.parent:hover >a:after {
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  left: -8px;
  margin-top: -9px;
  font-size: 14px;
  font-weight: normal;
}
#sp-main-menu li li:not(.sp-menu-group) {
  display: block;
  border-top: 1px solid #eee;
  position: relative;
  text-transform: capitalize;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
#sp-main-menu li li:not(.sp-menu-group):first-child {
  border-top: none;
}
#sp-main-menu li li:not(.sp-menu-group) a {
  display: block;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  padding: 15px;
  color: #333;
  font-weight: 400;
}
#sp-main-menu li li:not(.sp-menu-group).parent >a span.menu {
  position: relative;
  padding-right: 20px;
  display: block;
}
#sp-main-menu li li:not(.sp-menu-group).parent >a:after {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: normal;
  position: absolute;
  right: 10px;
  top: 15px;
}


#sp-main-menu li li:not(.sp-menu-group):hover,
#sp-main-menu li li:not(.sp-menu-group).active {
  background: #f5f5f5;
}
#sp-main-menu div.sp-menu-group {
  margin: 10px;
}
#sp-main-menu div.sp-menu-group a.sp-menu-group {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #eee;
  color: #666;
}
#sp-main-menu .col3 div.sp-menu-group a.sp-menu-group {
  padding-left: 0px;
}
#sp-main-menu div.sp-menu-group a.sp-menu-group .menu-title {
  text-transform: uppercase;
}
#sp-main-menu div.sp-menu-group .sp-menu-group-content .module {
  margin: 0;
  padding: 10px 0 0;
  text-transform: none;
  font-weight: normal;
  font-size: 14px;
}
#sp-main-menu div.sp-menu-group .sp-menu-group-content .module h4 {
  font-size: 14px;
}
.sp-submenu {
  position: absolute;
  text-align: left!important;
  top: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  margin-top: 30px;
  -webkit-transition: margin 100ms, visibility 100ms, opacity 100ms;
  -moz-transition: margin 100ms, visibility 100ms, opacity 100ms;
  -o-transition: margin 100ms, visibility 100ms, opacity 100ms;
  transition: margin 100ms, visibility 100ms, opacity 100ms;
}
.sp-submenu.open {
  z-index: 99999;
  visibility: visible;
  opacity: 1;
  margin-top: 0;
  -webkit-transition: margin 300ms, visibility 300ms, opacity 300ms;
  -moz-transition: margin 300ms, visibility 300ms, opacity 300ms;
  -o-transition: margin 300ms, visibility 300ms, opacity 300ms;
  transition: margin 300ms, visibility 300ms, opacity 300ms;
}
.sp-submenu .sp-submenu-wrap {
  background: #fafafa;
  border-top: 3px solid #0db3c7;
}
.sp-submenu .megacol {
  float: left;
}
.sp-submenu.sub-level-child {
  margin-left: 30px;
  margin-top: 0;
}
.sp-submenu.sub-level-child.open {
  margin-left: 0px;
}
.ltr .sp-submenu {
  left: 0;
}
.rtl .sp-submenu {
  right: 0;
}
.rtl #sp-main-menu {
  float: right;
}
.rtl #sp-main-menu ul.level-0 > li.parent >a span.menu {
  padding: 0 10px;
  padding-right: 0;
}
.rtl #sp-main-menu li li:not(.sp-menu-group).parent >a span.menu {
  padding-right: 0;
  padding-left: 20px;
}
.menu-fixed {
  top: 0;
  width: 100%;
}
.fixed .hidden-desktop {
  display: none;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 400;
}
h2 {
  font-size: 20px;
  color: #333;
  font-weight: 500;
}

body {
background: #f3f3f3;
}
body,
p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}
a.readmore {
  border: 1px solid #999;
  color: #999;
  padding: 6px 15px 8px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
a.readmore:hover {
  background: #0db3c7;
  border: 1px solid transparent;
  color: #fff;
}
.sp-dropcap {
  overflow: hidden;
}
.sp-dropcap:first-letter {
  color: #666;
  display: block;
  float: left;
  font-size: 50px;
  line-height: 40px;
  padding: 4px 8px 0 0;
}
ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.arrow li::before,
ul.arrow li::after,
ul.arrow-double li::before,
ul.arrow-double li::after,
ul.tick li::before,
ul.tick li::after,
ul.cross li::before,
ul.cross li::after,
ul.star li::before,
ul.star li::after,
ul.rss li::before,
ul.rss li::after {
  font-family: FontAwesome;
  font-size: 11px;
}
.ltr ul.arrow li::before,
.ltr ul.arrow-double li::before,
.ltr ul.tick li::before,
.ltr ul.cross li::before,
.ltr ul.star li::before,
.ltr ul.rss li::before {
  margin-right: 5px;
}
.ltr ul.arrow li::before {
  content: "\f105";
}
.ltr ul.arrow-double li::before {
  content: "\f101";
}
.ltr ul.tick li::before {
  content: "\f00c";
}
.ltr ul.cross li::before {
  content: "\f00d";
}
.ltr ul.star li::before {
  content: "\f006";
}
.ltr ul.rss li::before {
  content: "\f09e";
}
.rtl ul.arrow li::after,
.rtl ul.arrow-double li::after,
.rtl ul.tick li::after,
.rtl ul.cross li::after,
.rtl ul.star li::after,
.rtl ul.rss li::after {
  margin-left: 5px;
}
.rtl ul.arrow li::after {
  content: "\f104";
}
.rtl ul.arrow-double li::after {
  content: "\f100";
}
.rtl ul.tick li::after {
  content: "\f00c";
}
.rtl ul.cross li::after {
  content: "\f00d";
}
.rtl ul.star li::after {
  content: "\f006";
}
.rtl ul.rss li::after {
  content: "\f09e";
}
img.pull-left,
.pull-left > img {
  margin-right: 15px;
}
img.pull-right,
.pull-right > img {
  margin-left: 15px;
}
.rtl img.pull-left,
.rtl .pull-left > img {
  margin-left: 15px;
}
.rtl img.pull-right,
.rtl .pull-right > img {
  margin-right: 15px;
}
.sp-blocknumber {
  position: relative;
  min-height: 45px;
}
.sp-blocknumber span {
  font-weight: bold;
  width: 48px;
  height: 48px;
  line-height: 48px;
  display: block;
  text-align: center;
  position: absolute;
  top: 0;
}
.sp-blocknumber span.rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.sp-blocknumber span.circle {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.ltr .sp-blocknumber {
  padding: 5px 0 5px 60px;
}
.ltr .sp-blocknumber span {
  left: 0;
}
.rtl .sp-blocknumber {
  padding: 5px 60px 5px 0;
}
.rtl .sp-blocknumber span {
  right: 0;
}
.sp-block.rounded {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.sp-bubble {
  position: relative;
  margin-bottom: 40px;
}
.sp-bubble cite {
  display: block;
  height: 30px;
  line-height: 36px;
  position: absolute;
  bottom: -30px;
}
.sp-bubble cite span {
  content: ' ';
  position: absolute;
  top: 0;
  display: block;
  width: 0;
  height: 0;
  border-bottom-color: transparent !important;
}
.ltr .sp-bubble cite {
  left: 15px;
  padding-left: 40px;
}
.ltr .sp-bubble cite span {
  left: 0;
  border-left-color: transparent !important;
}
.rtl .sp-bubble cite {
  right: 15px;
  padding-right: 40px;
}
.rtl .sp-bubble cite span {
  right: 0;
  border-right-color: transparent !important;
}
.ltr [class^="icon-"].pull-left,
.ltr [class*=" icon-"].pull-left {
  margin-right: .3em;
}
.ltr [class^="icon-"].pull-right,
.ltr [class*=" icon-"].pull-right {
  margin-left: .3em;
}
.rtl [class^="icon-"].pull-left,
.rtl [class*=" icon-"].pull-left {
  margin-left: .3em;
}
.rtl [class^="icon-"].pull-right,
.rtl [class*=" icon-"].pull-right {
  margin-right: .3em;
}
@media (min-width: 1199px) {

#sp-slideshow-wrapper {
    background: url("../../../images/startbild/slide1_original.jpg") no-repeat center;
    height: 750px;
    background-size: cover;
}
}

@media (min-width: 980px) and (max-width: 1199px) {

#slide-logo.slide-in
{
display: none;
}


  .responsive #sp-main-menu ul.level-0 > li {
    margin: 0 12px 0 0;
  }
  .responsive #sp-users-wrapper #sp-promo .user1-content {
    padding: 5px 0;
  }
  .responsive #sp-bottom-2nd-row-wrapper #sp-bottom8 .subcription-bottom-wrapper .acymailing_form .onefield {
    width: 80%;
  }
  .responsive #sp-footer-wrapper ul.nav li {
    margin-right: 5px;
  }
  #sp-menu-wrapper ul li{
    margin: 0!important;
  }
  #sp-menu-wrapper ul li a{
    font-size: 13px!important;
  }
  .responsive #sp-footer-wrapper ul.nav {
    margin-left: 0;
  }
  #sp-position4 div.k2ItemsBlock ul li {
    width: 24%!important;
    margin: 0 5px 0 0!important;
  }
  #sp-position4 .k2ItemsBlock ul li:hover::after{
	background: none!important;
  }
  #sp-position4 .k2ItemsBlock ul li .icon-plus {
    display: none;
  }
  .ohanah .event_detail_container .event_detail_title h2 {
    font-size: 20px!important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .responsive #sp-header-wrapper [class*="span"] {
    width: auto;
    float: left;
  }
  .responsive #sp-header-wrapper [class*="span"]#sp-menu {
    float: right;
  }
  .responsive #sp-search-wrapper form i.icon-remove {
    margin-left: 130px;
  }
  .responsive #sp-action-wrapper .action-button {
    float: left;
  }
  .responsive #sp-action-wrapper .action-button a {
    margin: 0 0 30px;
  }
  .responsive #sp-users-wrapper #sp-promo .user1-content {
    padding: 0;
  }
  .responsive #sp-service-wrapper .sp-feature h3 {
    font-size: 20px;
  }
  .responsive #sp-bottom-2nd-row-wrapper #sp-bottom8 .subcription-bottom-wrapper .acymailing_form .onefield {
    width: 75%;
  }
  .responsive #sp-footer-wrapper ul.nav li {
    margin-right: 5px;
  }
  .responsive #sp-footer-wrapper ul.nav {
    margin-left: 0;
  }
  .responsive #sp-footer-wrapper {
    padding: 30px 0 0 !important;
  }
  .responsive ul.gallery li {
    width: 24% !important;
  }
  #sp-logo{
    width: 50%!important;
  }
  #sp-menu{
    width: 0!important;
  }
  #sp-preset{
    width: 30%!important;
    text-align: left!important;
  }
  #sp-social i {
    padding: 9px 18px 9px 0!important;
  }
  .sp-main-menu-toggler.btn {
    z-index: 999;
  }
  #sp-main-body-wrapper a.readmore{
    font-size: 10px!important;
  }
  #sp-position4 div.k2ItemsBlock ul li {
    width: 24%!important;
    margin: 0 5px 0 0!important;
  }
  #sp-position4 .k2ItemsBlock ul li:hover::after{
	background: none!important;
  }
  #sp-position4 .k2ItemsBlock ul li .icon-plus {
    display: none;
  }
  .sp-main-menu-toggler {
    top: 5px!important;
  }
  .lt_counter .content {
    padding: 25px!important;
  }
  #sp-position2-wrapper #sp-position2 .event_detail_container {
    margin: 0 0 0 10px!important;
  }
  .ohanah .event_detail_container .event_detail_title h2 {
    font-size: 20px!important;
  }
}
@media (max-width: 767px) {

#sp-logo-wrapper
{
 background: #f7ce00 no-repeat left !important;
  opacity: .9;
  position: fixed!important;
  top: 0;
  width: 100%!important;
  z-index: 998!important;
  -moz-box-shadow:0px 1px 6px #a0a0a0; /* Firefox */
  -webkit-box-shadow:0px 1px 6px #a0a0a0; /* Chrome, Safari */
  -khtml-box-shadow:0px 1px 6px #a0a0a0; /* Konqueror */
  box-shadow:0px 1px 6px #a0a0a0; /* CSS3 */
  height:80px;
  
  transition: opacity 2.5s;
}

#slide-logo.slide-in
{
display: none;
}


.lt-parallax {
    background-clip: padding-box !important;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../../../images/map/map_1700.jpg");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    padding: 90px 0;
    text-align: center;
    text-shadow: -1px 0 #38271D, 0 1px #38271D, 1px 0 #38271D, 0 -1px #38271D;
    
}


  .responsive.bg {
    padding-left: 0;
    padding-right: 0;
  }
  .responsive .container {
    padding: 0 10px;
    max-width: 480px;
    min-width: 280px;
  }
  .responsive #sp-header-wrapper {
    height: auto;
  }
  .responsive #sp-action-wrapper .action-button {
    float: left;
  }
  .responsive #sp-action-wrapper .action-button a {
    margin: 0 0 30px;
  }
  .responsive #sp-bottom-2nd-row-wrapper #sp-bottom8 .subcription-bottom-wrapper 
		.acymailing_form .acyfield_email >input[type='text'] {
    width: 100% !important;
  }
  .responsive #sp-service-wrapper .row2 {
    margin-top: 20px;
  }
  .responsive #sp-footer-wrapper,
  .responsive #sp-footer2 {
    text-align: left !important;
  }
  .responsive .pricing-table .plan {
    margin-bottom: 20px;
  }
  .responsive ul.gallery li {
    width: 24% !important;
  }
  #sp-slideshow-wrapper{
      display: none;
  }
  #sp-header-wrapper #sp-contact ul li{
    padding: 3px 0 3px 0!important;
    float: none!important;
  }
  #sp-header-wrapper #sp-contact ul{
    float: inherit!important;
    margin: 0!important;
  }
  #sp-contact {
    padding: 0!important;
  }
  #sp-logo {
    margin-top: 10px!important;
  }
  #sp-main-body-wrapper a.readmore{
    font-size: 13px!important;
  }
  #sp-users-wrapper .span4{
    padding: 10px 0!important;
  }
  #sp-preset{
    text-align: center!important;
    margin-top: 0!important;
  }
  #sp-menu {
    min-height: 0;
  }
  #sp-position4 div.k2ItemsBlock ul li {
    width: 100%!important;
  }
  .lt_introduction .span3 {
    padding: 30px 0;
  }
  div.default ul.sp-portfolio-items > li {
    width: 100%!important;
  }
  #sp-position4 .k2ItemsBlock ul li:hover::after{
	background: none!important;
  }
  #sp-position4 .k2ItemsBlock ul li .icon-plus {
    display: none;
  }
  .lt_introduction .span3 {
    padding: 30px 0;
  }
  #sp-position2-wrapper #sp-position2 .event_detail_container {
    width: 100%!important;
    margin-left: 0!important;
  }
  .acymailing_module_form .acymailing_form tr {
    display: inherit!important;
  }
  .lt_introduction .center p {
    padding: 40px 0!important;
  }
  .lt_counter .span3 {
    margin: 5px 0;
  }
  .hidden-mobile {
    display: none;
    }
   .black-first-title {
       font-size: 20px !important;
       text-align: center;
       font-weight: 200;
       
}
}
@media (max-width: 480px) {  
#sp-logo-wrapper
{
 background: #f7ce00 no-repeat left !important;
  opacity: .9;
  position: fixed!important;
  top: 0;
  width: 100%!important;
  z-index: 998!important;
  -moz-box-shadow:0px 1px 6px #a0a0a0; /* Firefox */
  -webkit-box-shadow:0px 1px 6px #a0a0a0; /* Chrome, Safari */
  -khtml-box-shadow:0px 1px 6px #a0a0a0; /* Konqueror */
  box-shadow:0px 1px 6px #a0a0a0; /* CSS3 */
  height:80px;
  
  transition: opacity 2.5s;
}

#whatsapp {
    background: url(../../../images/whatsapp-share-250.png) no-repeat;
    width:250px; height: 70px; /* Linkbereich begrenzen */
  }
  
  #whatsapp img {
    visibility: hidden;
  }

.fadeInBlock {
    opacity:1;
}
.fadeInBlock2 {
    opacity:1;
}
.fadeInBlock3 {
    opacity:1;
}
.fadeInBlock4 {
    opacity:1;
}

.fadeInBlock5 {
    opacity:1;
}




#slide-logo.slide-in
{
display: block;
}

.logo-wrapper .logo-text {
 display: none;
}
.logo-wrapper .logo-slogan {
 display: none;
}

#sp-slide-logo {
    /* assign a position fixed and move outside the viewport (on the left) */
       
       opacity: 1;
       position: fixed;
       top: 80px!important;
       left: 3%;
       margin-left: 0;
      
       -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
       
       
       -webkit-transform: scale(0.6);
       -moz-transform: scale(0.6);
       -ms-transform: scale(0.6);
       -o-transform: scale(0.6);
       transform: scale(0.6);
       transition: all 0.5s;
  }
 #sp-slide-logo.slide-in { 
 position: fixed;
       top: -160px!important;
 }
  
  

.hidden-mobile {
  display: none;
}
  .sclogin .sourcecoast .jmoddiv  {
  display: none;
}
.black-first-title {
    font-size: 20px !important;;
    text-align: center;
    font-weight: 200;
}
  #sp-users-wrapper .row-fluid .span4 {
    margin-top: 0;
  }
  #sp-users-wrapper {
    padding: 0!important;
  }
  .responsive #sp-header-wrapper {
    height: auto;
  }
  .responsive #sp-subheader {
    width: auto;
    float: left;
  }
  /* slideshow responsive test */
 #sp-slideshow-wrapper{
    display: none;
  }
 
  
  #sp-header-wrapper #sp-contact ul li{
    float: none!important;
    padding: 3px 0 3px 0!important;
  }
  #sp-header-wrapper #sp-contact ul {
    padding: 0!important;
  }
  #sp-contact {
    padding: 0!important;
  }
  #sp-logo {
    margin-top: 10px!important;
  }
  #sp-main-body-wrapper a.readmore{
    font-size: 13px!important;
  }
  #sp-preset{
    text-align: center!important;
    margin-top: 0!important;
  }
  #sp-menu {
    min-height: 0;
  }
  #sp-position4 div.k2ItemsBlock ul li {
    width: 100%!important;
  }
  #sp-position4 .k2ItemsBlock ul li:hover::after{
	background: none!important;
  }
  #sp-position4 .k2ItemsBlock ul li .icon-plus {
    display: none;
  }
  .lt_introduction .span3 {
    padding: 30px 0;
  }
  #sp-position2-wrapper #sp-position2 .event_detail_container {
    width: 100%!important;
    margin-left: 0!important;
  }
  .acymailing_module_form .acymailing_form tr {
    display: inherit!important;
  }
  .lt_introduction .center p {
    padding: 40px 0!important;
  }
  .lt_counter .span3 {
    margin: 5px 0;
  }
}
.fixed .hidden-desktop {
  display: none;
}

.rtl img.pull-left {
  float: right;
  margin-right: 0;
}
.rtl #sp-main-menu ul.level-0 > li.parent:hover >a:after {
  right: -10px;
  left: auto;
}
.rtl #sp-main-menu li li:not(.sp-menu-group).parent >a:after {
  left: 10px;
  right: auto;
  content: "\f053";
}
.rtl .action-content.pull-left {
  float: right;
}
.rtl .action-button.pull-right {
  float: left;
}
.rtl #sp-service-wrapper .sp-feature i {
  margin-right: 0;
  margin-left: 18px;
}
.rtl #sp-users-wrapper #sp-promo .user1-content i.pull-left {
  float: left;
}
.rtl #sp-users-wrapper #sp-promo .user1-content .user1-details {
  margin-left: 0;
  margin-right: 90px;
}
.rtl div.k2TagCloudBlock a {
  float: right;
}
.rtl #sp-bottom5 i.icon-location-arrow.pull-left {
  float: right;
}
.rtl #sp-bottom-2nd-row-wrapper #sp-bottom8 .subcription-bottom-wrapper .acymailing_form .onefield {
  float: right;
}
.rtl #sp-bottom-2nd-row-wrapper #sp-bottom8 .subcription-bottom-wrapper .acymailing_form .acyfield_email >input[type='text'] {
  border-right: 1px solid #666;
}
.rtl #sp-bottom-2nd-row-wrapper #sp-bottom8 .subcription-bottom-wrapper .acymailing_form .acysubbuttons:after {
  content: "\f104";
}
.rtl #sp-component {
  padding-right: 0;
  padding-left: 25px;
}
.rtl #sp-subheader-wrapper .breadcrumb {
  text-align: left;
}
.rtl .service-page .services .sp-feature i {
  margin-right: 0;
  margin-left: 18px;
}
.rtl .blogDate {
  margin: 0 0 10px 15px;
}
.rtl .blogDate.pull-left {
  float: right;
}
.rtl div.catItemHeader span.catItemAuthor {
  border-right: 0;
  padding: 0 0 0 10px;
}
#sp-right h3.header {
  font-size: 20px;
  color: #333;
  margin-bottom: 30px;
}
.module {
  margin-top: 20px;
}
.module:first-child {
  margin-top: 0;
}
.module.box-1,
.module.box-2,
.module.box-3,
.module.box-4,
.module.box-5,
.module.box-6,
.module.box-7,
.module.box-8,
.module.box-9 {
  padding: 30px;
}
.module.box-1 {
  background: #0db3c7;
  color: #fff;
}
.module.box-1 h2 {
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 100;
}
.module.box-1 h2 .sub-title {
  font-weight: 700;
}
.module.box-2 {
  background: #f2f2f2;
  color: #333;
  padding: 0;
}
.module.box-2 .title {
  padding: 12px 30px;
  background: #0db3c7;
}
.module.box-2 .title h2 {
  font-size: 30px;
  color: #FFF;
  text-transform: capitalize;
  font-weight: 100;
}
.module.box-2 .title h2 .sub-title {
  font-weight: 700;
}
.module.box-2 .description {
  padding: 30px;
}
.module.box-3 {
  background: #22c65c;
  color: #fff;
}
.module.box-3 h2 {
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 100;
}
.module.box-3 h2 .sub-title {
  font-weight: 700;
}
.module.box-4 {
  background: #304559;
  color: #fff;
  box-sizing: border-box;
  position: relative;
}
.module.box-4 h2 {
  font-size: 30px;
  color: #fff;
  text-transform: capitalize;
  font-weight: 700;
}
.module.box-4 h2 i {
  margin-right: 10px;
}
.module.box-4:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 0 0 30px 30px;
  border-style: solid;
  border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #3e5973;
  background: none;
  display: block;
  width: 0;
}
.module.box-5 {
  background: #333;
  color: #fff;
}
.module.box-5 h2 {
  font-size: 30px;
  color: #fff;
  text-transform: lowercase;
  font-weight: 700;
}
.module.box-5 h2 i {
  margin-right: 10px;
}
.module.box-6 {
  background: #ef4836;
  color: #fff;
}
.module.box-6 h2 {
  font-size: 30px;
  color: #fff;
  text-transform: lowercase;
  font-weight: 100;
}
.module.box-6 h2 i {
  margin-right: 10px;
}
.module.box-6 h2 .sub-title {
  font-weight: 700;
}
.module.box-7 {
  background: #f2f2f2;
  border: 4px solid #b3b3b3;
  color: #333;
}
.module.box-7 h2 {
  font-size: 30px;
  font-weight: 100;
}
.module.box-7 h2 .sub-title {
  font-weight: 700;
}
.module.box-8 {
  background: #ecf0f1;
  color: #333;
}
.module.box-8 h2 {
  font-size: 30px;
  font-weight: 100;
  text-transform: uppercase;
  border-bottom: 1px solid #e1e5e6;
}
.module.box-8 h2 .sub-title {
  font-weight: 700;
}
.module.box-9 {
  color: #666;
  margin-bottom: 50px;
}
.module.box-9 h2 {
  color: #666;
  font-size: 30px;
  font-size: 100;
  text-transform: uppercase;
}
.module.box-9 h2 .sub-title {
  font-weight: 700;
}
#sp-preset {
    margin-top: 19px;
    text-align: right;
}
#sp-preset i {
  padding: 10px;
}
#sp-preset i {
    padding: 5px;
    font-size: 10px;
}
#sp-preset a.preset1 {
  color: #479CCF;
}
#sp-preset a.preset2 {
  color: #F7CA18;
}
#sp-preset a.preset3 {
  color: #20C55A;
}
#sp-preset a.preset4 {
  color: #304559;
}
#sp-preset a.preset5 {
  color: #e67b10;
}
#sp-preset a.preset6 {
  color: #6D2E66;
}
body.menu-contact-us #sp-service-wrapper {
  padding: 20px 0;
}
body.menu-contact-us #sp-main-body-wrapper {
  padding: 0px!important;
}
body.contact #sp-users-wrapper #sp-promo {
  text-align: left;
}
body.contact #sp-users-wrapper {
  padding: 0px;
}
.entry-content h3 {
  clear: both;
}
img.fulltext-image {
  width: 100%;
  padding: 0;
  margin: 0;
}
.entry-content div.pull-left {
  width: 100%;
  margin-bottom: 20px;
}
#sp-clients-wrapper img {
  opacity: 0.7;
}
#sp-clients-wrapper img:hover {
  cursor: pointer;
  opacity: 1;
}
div.default .btn {
  padding: 14px 12px!important;
}
#sp-main-menu div.sp-menu-group a.sp-menu-group.custom-module-content {
  padding-left: 0px;
}
/***** General *****/
.black-first-title {
    font-size: 38px;
    text-align: center;
    font-weight: 300;
}
.black-second-title {
    text-align: center;
}
.black-third-title {
    font-size: 20px;
    text-align: center;
    background: url(../images/border_title.png) no-repeat center;
}
body.homepage #sp-main-body-wrapper {
    display: none;
}
body.subpage #sp-main-body-wrapper {
    display: block;
}
/***** Logo & Menu *****/
#sp-logo-wrapper {
    text-align: center;
    border-bottom: 1px solid #ebebeb;
}
#sp-menu-wrapper {
    text-align: center;
}
/***** Slide *****/
#sp-slideshow-wrapper .tp-button.blue:hover{
    background: #fff!important; 
}
/***** Promo *****/
#sp-users-wrapper {
    padding: 50px 0;
    background: #fafafa;
}
.lt_introduction .bride,
.lt_introduction .groom {
    text-align: center;
    transition: all 400ms ease;
}
.lt_introduction .center p {
    font-size: 80px;
    padding-top: 100px;
}
.lt_introduction .span5 h2 {
    font-size: 30px;
}
.lt_introduction .span5 h5 {
    background: url(../images/border_title.png) no-repeat center;
}
.lt_introduction .span5 ul {
    margin: 0;
}
.lt_introduction .span5 ul li {
    display: inline-block;
    padding: 0 10px;
}
/***** Position 1 *****/
.lt-parallax {
    background-attachment: fixed;
    background-clip: padding-box !important;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../../../images/map/map_1700.jpg");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    padding: 90px 0;
    text-align: center;
}
.lt_counter .content {
    background: #f5f5f5;
    padding: 50px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 0 auto;
    opacity: 0.95;
}

.lt_counter .content:hover {
    background: #555;
    padding: 50px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin: 0 auto;
}

.lt_counter2 .content {
    background: #f5f5f5;
    padding: 80px;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    margin: 0 auto;
    opacity: 0.95;
}
.lt_counter3 .content {
    background: #f5f5f5;
    padding: 50px;
    width: 240px;
    height: 240px;
    border-radius: 100%;
    margin: 0 auto;
    opacity: 0.95;
}




.lt_counter .content h2 {
    font-size: 46px;
}
.lt-parallax .black-first-title {
    color: #fff;
    padding-bottom: 50px;
}
/***** Position 2 *****/
#sp-position2-wrapper {
    padding: 50px 0;
    background: #f8f7f3;
}
/***** Portfolio *****/
#sp-service-wrapper {
    padding: 50px 0 10px 0;
    background: #f3f3f3;
}
.sp-portfolio-filter {
    text-align: center;
}
/***** Testimonial *****/
#sp-testimonial-wrapper {
    padding: 50px 0;
    background: url(../images/bg_register.jpg) no-repeat center;
}
#sp-testimonial-wrapper h3.header {
    text-align: center;
    font-size: 38px;
}
#sp-testimonial-wrapper .container {
    background: #fff;
    padding: 30px 0;
}
.acymailing_module_form .acymailing_form tr {
    display: inline-block;
}
.acymailing_module_form .acymailing_form .acysubbuttons .subbutton {
    padding: 9px 20px;
}
.acymailing_module_form .acymailing_form .acyfield_name .inputbox,
.acymailing_module_form .acymailing_form .acyfield_email .inputbox {
    margin-bottom: 0;
}
.acymailing_module_form {
    padding: 30px 0;
}
.acymailing_module form {
    margin-bottom: 0;
}
/***** Our Story *****/
#sp-variation-wrapper {
    padding: 50px 0;
}
.lt_our_story {
    padding-top: 30px;
}
.lt_our_story .span4 {
    text-align: center;
    transition: all 400ms ease;
}
.lt_our_story .span4:hover {
    cursor: pointer;
    transition: all 400ms ease;
}
.lt_our_story .span4 img {
    opacity: .8;
    transition: all 400ms ease;
}
.lt_our_story .span4 img:hover {
    opacity: 1;
    transition: all 400ms ease;
}
.lt_our_story .span4 img {
    
}
.lt_our_story .span4 h3 {
    font-size: 23px;
}
/***** Our Story *****/
#sp-variation3-wrapper {
    padding: 50px 0 0 0;
}
#sp-variation3-wrapper h3.header {
    text-align: center;
    font-size: 38px;
  	padding-bottom: 30px;
}
#sp-variation3-wrapper .mod-content {
    background: #000;
    opacity: .7;
} 
.acysubbuttons input {
    text-transform: none!important;
}
#sp_simple_map_canvas
{height: 300px;}
#sp_simple_map_canvas img {
    max-width: inherit;
}
div.acymailing_module_success {
    text-align: center;
}
/***** Fixed menu *****/
#sp-slide-logo {
    /* assign a position fixed and move outside the viewport (on the left) */
       
       opacity: 1;
       position: fixed;
       top: 30%;
       left: 3%;
       margin-left: 0;
      
       -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
       
       
       -webkit-transform: scale(1);
       -moz-transform: scale(1);
       -ms-transform: scale(1);
       -o-transform: scale(1);
       transform: scale(1);
       transition: all 0.5s;
  }
  
 
  #sp-slide-logo.slide-in {
    /* slide in when the secondary navigation gets fixed */
       top: -160px;
       left: -100px;
       opacity: 0.9;
       z-index: 999!important;
       
       -webkit-transform: scale(0.15);
       -moz-transform: scale(0.15);
       -ms-transform: scale(0.15);
       -o-transform: scale(0.15);
       transform: scale(0.15);
       
       transition: all 0.5s;
       
  }


.menu-fixed {
  background: #f7ce00 no-repeat left !important;
  opacity: .9;
  position: fixed!important;
  top: 0;
  width: 100%!important;
  z-index: 998!important;
  -moz-box-shadow:0px 1px 6px #a0a0a0; /* Firefox */
  -webkit-box-shadow:0px 1px 6px #a0a0a0; /* Chrome, Safari */
  -khtml-box-shadow:0px 1px 6px #a0a0a0; /* Konqueror */
  box-shadow:0px 1px 6px #a0a0a0; /* CSS3 */
  
  
  transition: opacity 2.5s;
}

#slide-logo
{
opacity: 0;
        -webkit-transform: scale(0);
              -moz-transform: scale(0);
              -ms-transform: scale(0);
              -o-transform: scale(0);
              transform: scale(0);
              
       transition: all 0.5s;
}
#slide-logo.slide-in
{
opacity: 1;
       position: fixed;
       top: 10px;
       left: 120px;
       margin-left: 0;
      
       -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
       
         z-index: 999!important;
       
       -webkit-transform: scale(0.9);
       -moz-transform: scale(0.9);
       -ms-transform: scale(0.9);
       -o-transform: scale(0.9);
       transform: scale(0.9);
       transition: all 0.5s;
}

#slide-logo .logo-text a{
   text-transform: uppercase;
}

/***** Onepage *****/
#sp-menu ul li.first,
.sp-mobile-menu ul li.first {
    display: none;
}
#sp-main-menu ul.level-0 > li > a {
    text-decoration: none;
}
#sp-slideshow-wrapper {
    background: url("../../../images/startbild/slide1.jpg") no-repeat center;
    height: 750px;
    background-size: cover;
}


#sp-slideshow-wrapper #slideshow {
    margin: 0 auto;
    
}
#sp-slideshow-wrapper .custom {
    padding: 50px 20px 0 0;
    text-align: right;
    }
#sp-slideshow-wrapper .custom h2 {
    font-size: 60px;
    padding-bottom: 20px;
    font-weight: 700;
    color: #f7ce00;
    line-height: 110%;
    margin-left: 45%;
    
       -webkit-transition: opacity 400ms ease-in-out;
        -moz-transition: opacity 400ms ease-in-out;
        -o-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out
    
}
#sp-slideshow-wrapper .custom p {
    font-size: 26px;
    font-style: italic;
    color: #F0F0F0;
    line-height: 110%;
    
}
#sp-slideshow-wrapper .custom span {
    background: #f3f3f3;
    opacity: .8;
}
.lt_wedding_event {
    text-align: center;
}
.lt_wedding_event .span6 h3 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 26px;
    padding: 20px 0;
    color: #fff;
}
.lt_wedding_event .span6 h3 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 26px;
    padding: 20px 0;
    color: #fff;
}

.lt_wedding_event2 .span6 h3 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 26px;
    padding: 20px 0;
    color: #f7ce00;
     border: 1px solid #f7ce00;
    background: #fff;
   text-align: center;
}
.lt_wedding_event2 .span6 p {
    padding-bottom: 28px;
   text-align: center;
}

.lt_wedding_event .span6 h5 {
    padding: 5px 0;
}
.lt_wedding_event .span6 p {
    padding-bottom: 30px;
}
.lt_wedding_event .span6 img {
    padding: 20px 0 40px 0;
}
.lt_wedding_event .span6 .link_event {
    border-radius: 25px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 20px !important;
}
#sp-testimonial-wrapper {
    background: url("../images/bg_register.jpg") no-repeat center;
    height: 160px;
    background-size: cover;
}
#sp-testimonial-wrapper .custom {
    padding-top: 50px;
    text-align: center;
}
#sp-testimonial-wrapper .custom p {
    color: #fff;
    font-size: 24px;
    line-height: 36px;
}
#sp-testimonial-wrapper .custom h5 {
    color: #fff;
}

.unsichtbar,
a.unsichtbar
{
  color: #000 !important;
  cursor: default;  
}



/* Räume Mühlheim */

                


        
         div#raeume_balkon{

                 width: 670px;
                 height: 110px;
                 background-color: #eeeeee;
                 margin: 5px;

         }
         
         div#raeume_neuro{
	 
	        float:left;
	         width: 150px;
	         height: 360px;
	         background-color: #cd6419;
	         margin: 5px;
	 
         }
         
         
         
         
         div#raeume_neuro a {
	 	                          background-color: #cd6419;
	 	                          display: block;
	 	                          border: 0;
	 	                          width: 150px; 
	 	                          height: 360px; /* Linkbereich begrenzen */
	 	                          text-align: center;
	 	                          line-height:115px;
	 	                          font-weight: bold;
	 	                          font-family: Calibri,Arial sans-serif;
	 	                          font-size:18px;
	 	                          color:#ffffff;
	 	                          
	 	                          
	 	                  }
	 	                  
	 	                  div#raeume_neuro a:hover {
	 	                          background: url("../../../images/raeume/raeume_neuro_tn.jpg") no-repeat;
	 	                          color:transparent;
	 	                  }
	 	                  
	 	                  div#raeume_neuro a:hover { /* Workaround fuer IE 5.5 und 6 */
	 	                          border: 0;
	 	                  }
	 	                  
	 	                  * html div#raeume_neuro a {
	 	                          margin-right: 1px;
	 	                  }
	 	                  
	 	                  * html div#raeume_neuro a:hover {
	 	                          width: 115px;
	 	                          margin-right: 0; /* Workaround fuer IE 5.01 */
                 }
                 
                 
                 
         div#raeume_kueche{
	 	 
		float:left;
		width: 110px;
		height: 245px;
		background-color: #dd4018;
		margin: 5px;
	 	 
         }
         
         div#raeume_kueche a {
	 	 	 	                          background-color: #dd4018;
	 	 	 	                          display: block;
	 	 	 	                          border: 0;
	 	 	 	                          width: 110px; 
	 	 	 	                          height: 245px; /* Linkbereich begrenzen */
	 	 	 	                          text-align: center;
	 	 	 	                          line-height:115px;
	 	 	 	                          font-weight: bold;
	 	 	 	                          font-family: Calibri,Arial sans-serif;
	 	 	 	                          font-size:18px;
	 	 	 	                          color:#ffffff;
	 	 	 	                          
	 	 	 	                          
	 	 	 	                  }
	 	 	 	                  
	 	 	 	                  div#raeume_kueche a:hover {
	 	 	 	                          background: url("../../../images/raeume/raeume_kueche_tn.jpg") no-repeat;
	 	 	 	                          color:transparent;
	 	 	 	                  }
	 	 	 	                  
	 	 	 	                  div#raeume_kueche a:hover { /* Workaround fuer IE 5.5 und 6 */
	 	 	 	                          border: 0;
	 	 	 	                  }
	 	 	 	                  
	 	 	 	                  * html div#raeume_kueche a {
	 	 	 	                          margin-right: 1px;
	 	 	 	                  }
	 	 	 	                  
	 	 	 	                  * html div#raeume_kueche a:hover {
	 	 	 	                          width: 245px;
	 	 	 	                          margin-right: 0; /* Workaround fuer IE 5.01 */
                 }
         
          div#raeume_motorik1{
	 	 	 
		float:left;
		width: 205px;
		height: 245px;
		background-color: #edab1e;
		margin: 5px;
	 	 	 
         }
         
          div#raeume_motorik1 a {
	 	 	                          background-color: #edab1e;
	 	 	                          display: block;
	 	 	                          border: 0;
	 	 	                          width: 205px; 
	 	 	                          height: 245px; /* Linkbereich begrenzen */
	 	 	                          text-align: center;
	 	 	                          line-height:115px;
	 	 	                          font-weight: bold;
	 	 	                          font-family: Calibri,Arial sans-serif;
	 	 	                          font-size:18px;
	 	 	                          color:#ffffff;
	 	 	                          
	 	 	                          
	 	 	                  }
	 	 	                  
	 	 	                  div#raeume_motorik1 a:hover {
	 	 	                          background: url("../../../images/raeume/raeume_motorik1_tn.jpg") no-repeat;
	 	 	                          color:transparent;
	 	 	                  }
	 	 	                  
	 	 	                  div#raeume_motorik1 a:hover { /* Workaround fuer IE 5.5 und 6 */
	 	 	                          border: 0;
	 	 	                  }
	 	 	                  
	 	 	                  * html div#raeume_motorik1 a {
	 	 	                          margin-right: 1px;
	 	 	                  }
	 	 	                  
	 	 	                  * html div#raeume_motorik1 a:hover {
	 	 	                          width: 115px;
	 	 	                          margin-right: 0; /* Workaround fuer IE 5.01 */
                 }
 	div#raeume_motorik2{
 	 	 	 
 		float:left;
 		margin-top:-110px;
 		width: 230px;
 		height: 276px;
 		background-color: #bbb;
 		margin-left: 10px;
 		margin-right:5px;
 	 	 	 
         }
 	div#raeume_werkstatt{
	 	 	 
		float:left;
		width: 170px;
		height: 230px;
		background-color: #f6d015;
		margin: 5px;
	 	 	 
         }     
         
          div#raeume_werkstatt a {
	 	 	 	                          background-color: #f6d015;
	 	 	 	                          display: block;
	 	 	 	                          border: 0;
	 	 	 	                          width: 170px; 
	 	 	 	                          height: 230px; /* Linkbereich begrenzen */
	 	 	 	                          text-align: center;
	 	 	 	                          line-height:115px;
	 	 	 	                          font-weight: bold;
	 	 	 	                          font-family: Calibri,Arial sans-serif;
	 	 	 	                          font-size:18px;
	 	 	 	                          color:#ffffff;
	 	 	 	                          
	 	 	 	                          
	 	 	 	                  }
	 	 	 	                  
	 	 	 	                  div#raeume_werkstatt a:hover {
	 	 	 	                          background: url("../../../images/raeume/raeume_werkstatt_tn.jpg") no-repeat;
	 	 	 	                          color:transparent;
	 	 	 	                  }
	 	 	 	                  
	 	 	 	                  div#raeume_werkstatt a:hover { /* Workaround fuer IE 5.5 und 6 */
	 	 	 	                          border: 0;
	 	 	 	                  }
	 	 	 	                  
	 	 	 	                  * html div#raeume_werkstatt a {
	 	 	 	                          margin-right: 1px;
	 	 	 	                  }
	 	 	 	                  
	 	 	 	                  * html div#raeume_werkstatt a:hover {
	 	 	 	                          width: 115px;
	 	 	 	                          margin-right: 0; /* Workaround fuer IE 5.01 */
                 }
                 
                 
	div#raeume_wc{
	 	clear:left;
	 	float:left;
		width: 150px;
		height: 115px;
		background-color: #1fbc35;
		margin: 5px;
	 	 	 
         }
         
         div#raeume_wc a {
	                          background-color: #1fbc35;
	                          display: block;
	                          border: 0;
	                          width: 150px; 
	                          height: 115px; /* Linkbereich begrenzen */
	                          text-align: center;
	                          line-height:115px;
	                          font-weight: bold;
	                          font-family: Calibri,Arial sans-serif;
	                          font-size:18px;
	                          color:#ffffff;
	                          
	                          
	                  }
	                  
	                  div#raeume_wc a:hover {
	                          background: url("../../../images/raeume/raeume_wc_tn.jpg") no-repeat;
	                          color:transparent;
	                  }
	                  
	                  div#raeume_wc a:hover { /* Workaround fuer IE 5.5 und 6 */
	                          border: 0;
	                  }
	                  
	                  * html div#raeume_wc a {
	                          margin-right: 1px;
	                  }
	                  
	                  * html div#raeume_wc a:hover {
	                          width: 115px;
	                          margin-right: 0; /* Workaround fuer IE 5.01 */
                 }
         
 	div#raeume_flur{
	 	 	 
		float:left;
		margin-top:-110px;
		margin-left:5px;
		width: 85px;
		height: 275px;
		background-color: #f7ee7c;
		
         }
         
          div#raeume_flur a {
	 	                          background-color: #f7ee7c;
	 	                          display: block;
	 	                          border: 0;
	 	                          width: 85px; 
	 	                          height: 275px; /* Linkbereich begrenzen */
	 	                          text-align: center;
	 	                          line-height:115px;
	 	                          font-weight: bold;
	 	                          font-family: Calibri,Arial sans-serif;
	 	                          font-size:18px;
	 	                          color:#3b3839;
	 	                          writing-mode: tb-rl;
	 	                          
	 	                          
	 	                  }
	 	                  
	 	                  div#raeume_flur a:hover {
	 	                          background: url("../../../images/raeume/raeume_flur_tn.jpg") no-repeat;
	 	                          color:transparent;
	 	                  }
	 	                  
	 	                  div#raeume_flur a:hover { /* Workaround fuer IE 5.5 und 6 */
	 	                          border: 0;
	 	                  }
	 	                  
	 	                  * html div#raeume_flur a {
	 	                          margin-right: 1px;
	 	                  }
	 	                  
	 	                  * html div#raeume_flur a:hover {
	 	                          width: 85px;
	 	                          margin-right: 0; /* Workaround fuer IE 5.01 */
                 }
                 
   div#raeume_aufzug{
 	 	 	 
 		clear:left;
	 	float:left;
	 	margin-top:-40px;
 		width: 145px;
 		height: 90px;
 		background-color: #aaa;
 		margin-left:5px;
 		margin-bottom: 20px;
 		
 	 	 	 
         }          
         
          div#raeume_aufzug a {
	 	 	                          background-color: #c38c22;
	 	 	                          display: block;
	 	 	                          border: 0;
	 	 	                          width: 145px; 
	 	 	                          height: 90px; /* Linkbereich begrenzen */
	 	 	                          text-align: center;
	 	 	                          line-height:90px;
	 	 	                          font-weight: bold;
	 	 	                          font-family: Calibri,Arial sans-serif;
	 	 	                          font-size:18px;
	 	 	                          color:#ffffff;
	 	 	                          
	 	 	                          
	 	 	                  }
	 	 	                  
	 	 	                  div#raeume_aufzug a:hover {
	 	 	                          background: url("../../../images/raeume/raeume_aufzug_tn.jpg") no-repeat;
	 	 	                          color:transparent;
	 	 	                  }
	 	 	                  
	 	 	                  div#raeume_aufzug a:hover { /* Workaround fuer IE 5.5 und 6 */
	 	 	                          border: 0;
	 	 	                  }
	 	 	                  
	 	 	                  * html div#raeume_aufzug a {
	 	 	                          margin-right: 1px;
	 	 	                  }
	 	 	                  
	 	 	                  * html div#raeume_aufzug a:hover {
	 	 	                          width: 145px;
	 	                          margin-right: 0; /* Workaround fuer IE 5.01 */}
                 
         div#raeume_flur2{
	 	 	 	 
		float:left;
		margin-top:-125px;
		margin-left:5px;
		width: 80px;
		height: 160px;
		background-color: #ddd;
		
         }
	div#raeume_privat1{
	 	 	 	 
		float:left;
		margin-top:-125px;
		width: 90px;
		height: 160px;
		background-color: #aaa;
         } 
	div#raeume_privat2{
 	 	 margin-top:30px;
 	 	 margin-left:-170px;
 		float:left;
 		width: 170px;
 		height: 80px;
 		background-color: #aaa;
         } 

         
/* Räume Mühlheim END*/

/* Räume Rodgau*/
        
         div#raeume_rod_terrasse{
                 
                 width: 200px;
                 height: 110px;
                 background-color: #eeeeee;
                 margin-left: 350px;
                 text-align: center;
	  	 line-height:80px;
	  	 font-weight: bold;
	  	 font-family: Calibri,Arial sans-serif;
	  	 font-size:18px;
	  	 color:#555555;                 

         }
         
         div#raeume_rod_kreativraum{
   	 	 	 	 
	 	float:left;
         	margin: -40px 5px;
	 	width: 145px;
	 	height: 135px;
	 	background-color: #f7ee7c;
	 	text-align: center;
		line-height:80px;
		font-weight: bold;
		font-family: Calibri,Arial sans-serif;
		font-size:18px;
		color:#555555;
	 	 		
	          }
          
         div#raeume_rod_spielen{
	 	 	 
	 	float:left;
	 	width: 180px;
	 	height: 205px;
	 	background-color: #dd4018;
	 	margin: -40px 5px ;	
	 	text-align: center;
		line-height:80px;
		font-weight: bold;
		font-family: Calibri,Arial sans-serif;
		font-size:18px;
	  	color:#ffffff;	 	  
	}
         
         div#raeume_rod_motorik1{
	 	 	 	 
	 	float:left;
	 	margin-top:10px;
     		margin-left: 5px; 
      		width: 200px;
	 	height: 205px;
	 	background-color: #edab1e;
	 	text-align: center;
		line-height:80px;
		font-weight: bold;
		font-family: Calibri,Arial sans-serif;
		font-size:18px;
	  	color:#ffffff;	 		
	}
         
         div#raeume_rod_flur2{
	 
	        float:left;
	        width: 150px;
	        height: 270px;
	        background-color: #bbb;
	        margin-top: -270px;
           	margin-left: 8px;
	 
         }
         
         div#raeume_rod_privat{
	 	clear:left; 	 	 
		float:left;
   		margin-top:-110px;
   		margin-left: 5px;
		width: 145px;
		height: 110px;
		background-color: #aaa;
         }  
         
         div#raeume_rod_wc{
	 	clear:left;    
	 	float:left;
	 	width: 145px;
	 	height: 80px;
	 	background-color: #1fbc35;
	 	margin: 5px;
	}
	  
	    div#raeume_rod_wc a {
	    		background-color: #1fbc35;
	  		display: block;
			border: 0;
			width: 145px; 
			height: 80px; /* Linkbereich begrenzen */
			text-align: center;
			line-height:80px;
			font-weight: bold;
			font-family: Calibri,Arial sans-serif;
			font-size:18px;
			color:#ffffff;
			
			}
	  	 	                  
		div#raeume_rod_wc a:hover {
			background: url("../../../images/raeume/raeume_wc_tn.jpg") no-repeat;
			color:transparent;
	  	 	
	  	 	}
	  	 	                  
		div#raeume_rod_wc a:hover { /* Workaround fuer IE 5.5 und 6 */
			border: 0;
			
			}
	  	 	                  
		* html div#raeume_rod_wc a {
			margin-right: 1px;
			
			}
	  	 	                  
		* html div#raeume_rod_wc a:hover {
			width: 115px;
			margin-right: 0; /* Workaround fuer IE 5.01 */
			
			}
	  
	  
	  div#raeume_rod_flur1{
	 	 	 	 
		float:left;
		margin-top:-40px;
		width: 180px;
		height: 125px;
		background-color: #bbb;
		margin-left: 5px;
		margin-right:5px;
	 	 	 	 
         }
 	div#raeume_rod_neuro{
	 	 	 
		float:left;
		margin-top:7px;
		margin-left:31px;
		width: 175px;
		height: 275px;
		background-color: #cd6419;
	 	text-align: center;
		line-height:80px;
		font-weight: bold;
		font-family: Calibri,Arial sans-serif;
		font-size:18px;
	  	color:#ffffff;			
         }
         
                 
  	 div#raeume_rod_wartezimmer{
 	 	 	 
		clear:left;
		float:left;
		margin-top:-190px;
 		width: 200px;
		height: 190px;
 		background-color: #aaa;
 		margin-left:5px;
		margin-bottom: 20px;
		text-align: center;
		line-height:80px;
		font-weight: bold;
		font-family: Calibri,Arial sans-serif;
		font-size:18px;
		color:#ffffff;			

	}          
         
            
         div#raeume_rod_balkon{
                 
                 width: 200px;
                 height: 110px;
                 background-color: #eeeeee;
                 margin-left: 350px;
                 text-align: center;
	  	 line-height:80px;
	  	 font-weight: bold;
	  	 font-family: Calibri,Arial sans-serif;
	  	 font-size:18px;
	  	 color:#555555;                 

         }
         
         div#raeume_rod_kueche{
   	 	 	 	 
	 	float:left;
         	margin: -40px 5px;
	 	width: 145px;
	 	height: 135px;
	 	background-color: #f7ee7c;
	 	text-align: center;
		line-height:80px;
		font-weight: bold;
		font-family: Calibri,Arial sans-serif;
		font-size:18px;
		color:#555555;
	 	 		
	          }
          
         div#raeume_rod_buero{
	 	 	 
	 	float:left;
	 	width: 180px;
	 	height: 205px;
	 	background-color: #fd6d48;
	 	margin: -40px 5px ;	
	 	text-align: center;
		line-height:80px;
		font-weight: bold;
		font-family: Calibri,Arial sans-serif;
		font-size:18px;
	  	color:#ffffff;	 	  
	}

	    div#raeume_rod_buero a {
	    		background-color: #dd4018;
	  		display: block;
			border: 0;
			width: 180px; 
			height: 205px; /* Linkbereich begrenzen */
			text-align: center;
			line-height:80px;
			font-weight: bold;
			font-family: Calibri,Arial sans-serif;
			font-size:18px;
			color:#ffffff;
			
			}
	  	 	                  
		div#raeume_rod_buero a:hover {
			background: url("../../../images/logo/logo_menu_400.png") no-repeat;
			background-size:100% auto;
			color:transparent;
	  	 	
	  	 	}
	  	 	                  
		div#raeume_rod_buero a:hover { /* Workaround fuer IE 5.5 und 6 */
			border: 0;
			
			}
	  	 	                  
		* html div#raeume_rod_buero a {
			margin-right: 1px;
			
			}
	  	 	                  
		* html div#raeume_rod_buero a:hover {
			width: 180px;
			margin-right: 0; /* Workaround fuer IE 5.01 */
			
			}

         
         div#raeume_rod_gruppenraum{
	 	 	 	 
	 	float:left;
	 	margin-top:10px;
     		margin-left: 5px; 
      		width: 200px;
	 	height: 205px;
	 	background-color: #edab1e;
	 	text-align: center;
		line-height:80px;
		font-weight: bold;
		font-family: Calibri,Arial sans-serif;
		font-size:18px;
	  	color:#ffffff;	 		
	}
         
         div#raeume_rod_flur4{
	 
	        float:left;
	        width: 150px;
	        height: 270px;
	        background-color: #bbb;
	        margin-top: -270px;
           	margin-left: 8px;
	 
         }
         
         div#raeume_rod_privat1{
	 	clear:left; 	 	 
		float:left;
   		margin-top:-110px;
   		margin-left: 5px;
		width: 145px;
		height: 110px;
		background-color: #aaa;
         }  
         
         div#raeume_rod_privat2{
	 	clear:left;    
	 	float:left;
	 	width: 145px;
	 	height: 80px;
	 	background-color: #aaa;
	 	margin: 5px;
	}
	 
	  
	div#raeume_rod_flur3{
	 	 	 	 
		float:left;
		margin-top:-40px;
		width: 180px;
		height: 125px;
		background-color: #bbb;
		margin-left: 5px;
		margin-right:5px;
	 	 	 	 
         }
 	div#raeume_rod_werkstatt{
	 	 	 
		float:left;
		margin-top:7px;
		margin-left:31px;
		width: 175px;
		height: 275px;
		background-color: #cd6419;
	 	text-align: center;
		line-height:80px;
		font-weight: bold;
		font-family: Calibri,Arial sans-serif;
		font-size:18px;
	  	color:#ffffff;			
         }
         
                 
  	 div#raeume_rod_motorik2{
 	 	 	 
		clear:left;
		float:left;
		margin-top:-190px;
 		width: 200px;
		height: 190px;
 		background-color: #edab1e;
 		margin-left:5px;
		margin-bottom: 20px;
		text-align: center;
		line-height:80px;
		font-weight: bold;
		font-family: Calibri,Arial sans-serif;
		font-size:18px;
		color:#ffffff;			

	}   	          
	        
                 
                 
         
         
      

         
/* Räume Rodgau END*/




/**
 * Stylesheet
 *
 * @package			Tooltips
 * @version			2.1.0
 *
 * @author			Peter van Westen <peter@nonumber.nl>
 * @link			http://www.nonumber.nl
 * @copyright		Copyright Â© 2012 NoNumber All Rights Reserved
 * @license			http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */

/* TOOLTIP LINK STYLES */
span.tooltips-link {
	cursor: default;
}
span.tooltips-link.isimg {
	border-bottom: none;
}
span.tooltips-link.nostyle {
	border-bottom: none;
	cursor: inherit;
}

/* TOOLTIP STYLES */
div.tooltips-tip,
div.tooltips-tip.tool-tip,
div.tooltips-tip-tip {
	display: none;
	float: none;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	max-width: none;
	z-index: 200;
}
div.tooltips-tip-tip {
	display: block;
	visibility: hidden;
}
div.tooltips-tip div.tip,
div.tooltips-tip-tip > div {
	float: left;
	margin: 0;
	padding: 5px 8px;
	background-color: #F6F6FF;
	border: 2px solid #CCCCCC;
	max-width: 400px;
	z-index: inherit;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
div.tooltips-tip div.tip-title,
div.tooltips-tip-tip div.tooltips-tip-title {
	margin: 0;
	padding: 0;
	background: none;
	font-size: 1em;
	font-weight: bold;
}
div.tooltips-tip div.tip-text,
div.tooltips-tip-tip div.tooltips-tip-text {
	font-size: 1em;
	margin: 0;
	padding: 0;
	padding-top: 0;
}

/* IMAGE TIPS */
div.tooltips-img.tooltips-tip div.tip,
div.tooltips-img.tooltips-tip-tip > div {
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
div.tooltips-img.tooltips-tip div.tip-title,
div.tooltips-img.tooltips-tip-tip div.tooltips-tip-title,
div.tooltips-img.tooltips-tip > div > div:first-child,
div.tooltips-img.tooltips-tip-tip > div > div:first-child {
	margin: 0;
	padding: 0;
	background: none;

}
/* Ausfüllhilfe */

	dl.image_map {display:block; width:550px; height:687px; background:url(../images/m18-ausfuellhilfe-11.jpg); position:relative; margin:2px auto 2px auto;}
	
	dl.image_map a {display:block; width:33px; height:0; padding-top:22px; overflow:hidden; position:absolute;}
	dl.image_map a:hover {background:transparent; border:1px dashed black; color:black;}
	
	a.LINK0 {left:5px; top:204px; background:transparent;}
	a.LINK1 {left:4px; top:232px; background:transparent;}
	a.LINK2 {left:514px; top:201px; background:transparent;}
	a.LINK3 {left:514px; top:230px; background:transparent;}
	a.LINK4 {left:4px; top:260px; background:transparent;}
	a.LINK5 {left:514px; top:258px; background:transparent;}
	a.LINK6 {left:4px; top:309px; background:transparent;}
	a.LINK7 {left:514px; top:300px; background:transparent;}
	a.LINK8 {left:514px; top:319px; background:transparent;}
	a.LINK9 {left:2px; top:366px; background:transparent;}
	a.LINK10 {left:514px; top:366px; background:transparent;}
	a.LINK11 {left:1px; top:418px; background:transparent;}
	a.LINK12 {left:0px; top:508px; background:transparent;}
	a.LINK13 {left:1px; top:563px; background:transparent;}
	
/* Ausfüllhilfe */

/*Visitenkarte */

.grau {
color: #7B7879;}

.ergo {
color: #D93119;
font-size: 22px!important;
  line-height: 20px;}

.rabea {
color: #F5BF40;
font-size: 22px!important;
  line-height: 20px;
  }

.strich {
border-bottom: #D9341A 1px solid;
}

.visitenkarte
{
 background-image: url("../../../images/visitenkarte.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 453px;
}
.visitenkarte_rodgau
{
 background-image: url("../../../images/visitenkarte_rod.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 453px;
}

.visitentabelle
{
position: absolute;
left: 50%;
margin-left:-65px;
margin-top:160px;
}

/*Visitenkarte */
/*Flip it */

/* simple */
		.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 

			border: 1px solid #ccc;
		}

			/*
			.flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper {
				-webkit-transform: rotateY(180deg);
				-moz-transform: rotateY(180deg);
				-ms-transform: rotateY(180deg);
				transform: rotateY(180deg);
				filter: FlipH;
    			-ms-filter: "FlipH";
			}
			*/


			/* START: Accommodating for IE */
			.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
		
		/* END: Accommodating for IE */

		.flip-container, .front, .back {
			width: 290px;
			height: 427px;
		}

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;
		    -webkit-transform: rotateY(0deg);

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;
		    -moz-transform: rotateY(0deg);

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;
		    -o-transform: rotateY(0deg);

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;
		    -ms-transform: rotateY(0deg);

		    transition: 0.6s;
		    transform-style: preserve-3d;
		    transform: rotateY(0deg);

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			z-index: 2;
		}

		.back {
			background: #FFFFFF;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		    
		}

/*Flip it */