/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ICON-FONT-SIZE-CLASSES ::::*/

.mbfx-i5,
a span i.fa-mbfx-i5{ font-size: 5em; line-height: 1;}
.mbfx-i10,
a span i.fa-mbfx-i10{ font-size: 10em; line-height: 1;}
.mbfx-i15,
a span i.fa-mbfx-i15{ font-size: 15em;	line-height: 1;}
.mbfx-i20,
a span i.fa-mbfx-i20{ font-size: 20em;	line-height: 1;}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: padding for icons im mbfx-repeater :::*/
p.padding5{
  padding:2em;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: END padding for icons im mbfx-repeater :::*/

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MBFX-Boxen - Hintergrundfarben :::::::::::*/
.grey{
  background: #e5e5e5;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: END-MBFX-Boxen - Hintergrundfarben :::::::::::*/

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CLIENT-SPECIAL-CLASSES :::::::::::::::*/

p.footerinfo{
text-align: left;
border-left: 1px solid #fff;
padding: 0.5em 0;
padding-left: 1em;
font-weight: 200;
font-size: 0.75em;
color: #fff;
}

select[name="seminar"],
input[name="semstart"],
input[name="semende"]{
width: 100%; 
height: 50px; 
line-height: 50px;
}
textarea[name="nachricht"]{
width: 100%;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
input[type=submit]{
position: relative;
display: block;
  background: #bcc4bb;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #fff;
  height: 48px;
  line-height: 38px;
  opacity: 1;
  border: 0px solid #fff;
  cursor: pointer;
}
input[type=submit]:hover{
position: relative;
display: block;
  background: #606c66;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #fff;
  height: 48px;
  line-height: 38px;
  opacity: 1;
  border: 0px solid #fff;
  cursor: pointer;
}

.ifs_front{
  margin-top: 3em;
}

a.ifsanfrage{
position: relative;
display: block;
float: left;
width: 100%;
height: 48px;
line-height: 48px;
margin: 0;
padding: 0 0.9375em;
color: #fff;
font-size: 0.85em;
background: #bcc4bb;
opacity: 1; 
overflow: hidden;
}
a.ifsanfrage:hover{
position: relative;
display: block;
float: left;
width: 100%;
height: 48px;
line-height: 48px;
margin: 0;
padding: 0 0.9375em;
color: #fff;
font-size: 0.85em;
background: #bcc4bb;
opacity: 0.85; 
overflow: hidden;
}

a.ifspartnerimg{
  display:block;
  height: auto;
  width: 100%;
  height: 115px;
  float:left;
  margin: 1em auto;
  opacity: 0.5;
  text-align: center;
}
a.ifspartnerimg:hover{
  display:block;
  height: auto;
  width: 100%;
  height: 115px;
  float:left;
  margin: 1em auto;
  opacity: 1;
  text-align: center;
}

.ifspart .g4 p{
font-size: 0.65em;
text-align: center;
font-weight: 600;
}

.ifs_front div .xliwrap {background:#fff; padding: 1.875em 0.9375em 0 0.9375em; border: 5px solid #bcc4bb;}
.ifs_front div .xliwrap p,
.ifs_front div .xliwrap ul li,
.ifs_front div .xliwrap ol li,
.ifs_front div .xliwrap a,
.ifs_front div .xliwrap h3 {
color: #606c66;
}

.ifs_front div .xliwrap h3 {
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
color: #606c66;
padding: 0;
}

.ifs_front div .xliwrap p {
font-size: 13px;
font-size: 1.3rem;
}

.ifs_front img{
position: relative;
display: block;
max-width: 200px!important;
margin: 0 auto;
}

ul#ifsseminar > li.ifsseminarhide{
 display: none;
}

#ifsseminar li{
position: relativ;
display: block;
float: left;
width: 100%;
height: auto;
background:#fff;
border:5px solid #bcc4bb;
padding: 0.9375em 0;
margin-bottom: 1.875em;
overflow: hidden; 
}

#ifsseminar li div.schulungsinhalt p,
#ifsseminar li div.schulungsinhalt ul li,
#ifsseminar li div.schulungsinhalt ol li{
font-size: 0.8em;
}

#ifsseminar li h3{
}

.fa-border{
border: 0px solid #fff;
}

#ifsseminar li i{
margin: 0.5em 0;
color: #bcc4bb;
}
#ifsseminar li i fa-border{
border-color: #fff;
}
#ifsseminar li h5{
font-weight: 600;
}

.ifskurs {
background: #fff;
 border-left: 5px solid #bcc4bb;
 padding: 1em 0.5em!important;
 margin: 1.875em 0 3.75em 0;
}

.ifskurs p{
font-size: 20px;
font-size: 2rem;
font-weight: 600;
text-transform: uppercase;
}

.maxslider-slide{border: 0px solid #bcc4bb;}
.maxslider-slide-title{
font-weight: 900;
text-shadow: 1px 1px 1px #000;
}
.maxslider-slide-subtitle{
text-shadow: 0px 1px 1px #000;
}

.ifskontakt div:first-child{padding-left: 0!important;}
.ifskontakt div:last-child{padding-right: 0!important;}

h2.ifsh2{
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
color: #fff;
background: #bcc4bb;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 0.5em;
font-size: 16px;
font-size: 1.6rem;
line-height: 25px;
font-weight: 600;
display: none;
}
.headerimg{
position: relative;
display: block;
float: left;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

.mobiletelefon{
display: none;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: END --- CLIENT-SPECIAL-CLASSES :::::::::::::::*/


/*   Animation example, for spinners*/
.animate-spin:hover {
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	display: inline-block;
}
@-moz-keyframes spin {
0% {
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
100% {
	-moz-transform: rotate(359deg);
	-o-transform: rotate(359deg);
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
100% {
	-moz-transform: rotate(359deg);
	-o-transform: rotate(359deg);
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
100% {
	-moz-transform: rotate(359deg);
	-o-transform: rotate(359deg);
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
100% {
	-moz-transform: rotate(359deg);
	-o-transform: rotate(359deg);
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
}
}
@keyframes spin {
0% {
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
100% {
	-moz-transform: rotate(359deg);
	-o-transform: rotate(359deg);
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg);
}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MBFX-Custumstyles :::::::::::::::::::::*/

.post-edit-link{
  position: relative;
  display: none;
  float: inherit;
  width: 25%;
  height: 26px;
  line-height: 26px;
  color: #fff;
  background: #ffcc00;
  padding: 0.25em;
  margin: 0.975em;
  text-align: center;
}

.trenn{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 1px;
      margin: 1px 0;
      clear: both;
    }

.trenn1{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 1px;
      margin: 25px 0 25px 0;
      margin: 2.5rem 0 2.5rem 0;
      clear: both;
    }
.trenn1::before, .trenn1::after{
content: ' ';
    }

.trenn2{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 16px;
  clear: both;
    }


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: START-GRIDSYSTEM :::::::::::::::*/
.fullgrid{
    position:relative;
    float:left;
    display: block;
    width: 100%;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12{
    padding-left: 0.9375em!important;
    padding-right: 0.9375em!important;
    float: left;
}

.g1 {
    position: relative;
    width: 8.33333%; }

  .g2 {
    position: relative;
    width: 16.66667%; }

  .g3 {
    position: relative;
    width: 25%; }

  .g4 {
    position: relative;
    width: 33.33333%; }

  .g5 {
    position: relative;
    width: 41.66667%; }

  .g6 {
    position: relative;
    width: 50%; }

  .g7 {
    position: relative;
    width: 58.33333%; }

  .g8 {
    position: relative;
    width: 66.66667%; }

  .g9 {
    position: relative;
    width: 75%; }

  .g10 {
    position: relative;
    width: 83.33333%; }

  .g11 {
    position: relative;
    width: 91.66667%; }

  .g12 {
    position: relative;
    width: 100%; }

.gridwrapper .prefix_1 {
	margin-left:8.333%;
}

.gridwrapper .prefix_2 {
	margin-left:16%;
}

.gridwrapper .prefix_3 {
	margin-left:25.0%;
}

.gridwrapper .prefix_4 {
	margin-left:33.333%;
}

.gridwrapper .prefix_5 {
	margin-left:41.667%;
}

.gridwrapper .prefix_6 {
	margin-left:50.0%;
}

.gridwrapper .prefix_7 {
	margin-left:58.333%;
}

.gridwrapper .prefix_8 {
	margin-left:66.667%;
}

.gridwrapper .prefix_9 {
	margin-left:75.0%;
}

.gridwrapper .prefix_10 {
	margin-left:83.333%;
}

.gridwrapper .prefix_11 {
	margin-left:91.667%;
}
.gridwrapper .suffix_1 {
	margin-right:8.333%;
}

.gridwrapper .suffix_2 {
	margin-right:16.667%;
}

.gridwrapper .suffix_3 {
	margin-right:25.0%;
}

.gridwrapper .suffix_4 {
	margin-right:33.333%;
}

.gridwrapper .suffix_5 {
	margin-right:41.667%;
}

.gridwrapper .suffix_6 {
	margin-right:50.0%;
}

.gridwrapper .suffix_7 {
	margin-right:58.333%;
}

.gridwrapper .suffix_8 {
	margin-right:66.667%;
}

.gridwrapper .suffix_9 {
	margin-right:75.0%;
}

.gridwrapper .suffix_10 {
	margin-right:83.333%;
}

.gridwrapper .suffix_11 {
	margin-right:91.667%;
}

.gridwrapper .suffix_11 {
	margin-right:91.667%;
}

.gridwrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 25.6px;
  margin-bottom: 2.56rem;
  *zoom: 1; }
  .gridwrapper:before, .gridwrapper:after {
    content: " ";
    display: table;
    }
  .gridwrapper:after {
    clear: both; }
  .gridwrapper .gridwrapper {
    width: auto;
    margin-top: 0;
    margin-bottom:0;
    max-width: none;
    *zoom: 1; }
    .gridwrapper .gridwrapper:before, .gridwrapper .gridwrapper:after {
      content: " ";
      display: table; }
    .gridwrapper .gridwrapper:after {
      clear: both; }


.clearfix p.zentriert{
      margin: 26px 0 26px 0;
      margin: 2.6rem 0 2.6rem 0;
      clear: both;
    }
p.zentriert{
      margin: 26px 0 26px 0;
      margin: 2.6rem 0 2.6rem 0;
      clear: both;
    }
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: END-GRIDSYSTEM :::::::::::::::*/



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Menu HAUPTMENU ::::::::::::::::*/

#ueber{
position: relative;
display: block;
width: 100%;
max-width: 100%;
height: auto;
min-height: 100px;
margin: 0 auto;
padding: 0;
background: transparent;
overflow: hidden;
}

.m1200 > div > a img{
position: relative;
display: block;
margin: 0 auto;
padding: 0;
height: auto;
margin-top: 3em;
margin-bottom: 3em;
max-width: 350px;
}


.m1200{
  position: relative;
  display: block;
  float:none;
  max-width: 1600px;
  margin: 0 auto;
  padding:0;
  box-sizing: border-box;
}
nav#site-navigation{
position: relative;
display: block;
float: left;
width: 100%;
height: auto;    
margin: 0;
padding: 0;
padding: 0;
border-top: 1px solid #c9c9c9;
}

.menu-hauptmenu-container{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height:auto;
  padding:0;
  margin:0;
  overflow: hidden;
}

ul#menu-hauptmenu{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

/*ul#menu-hauptmenu li:last-child{
  border-right: 0px;
}
ul#menu-hauptmenu li:first-child{
  border-left: 0px;
} */

ul#menu-hauptmenu li{
    position: relative;
    display: block;
    float: left;
    width: 20%;
    text-transform: uppercase;
    padding: 0;
    height:50px;
    line-height: 50px;
    overflow:hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
ul#menu-hauptmenu li:hover{
    position: relative;
    display: block;
    float: left;
    width: 20%;
    text-transform: uppercase;
    padding: 0;
    height:50px;
    line-height: 50px;
    background:#c9c9c9;
    /*border-bottom: 5px solid #008a4e;*/
    overflow:hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul#menu-hauptmenu li a{
    position: relative;
    display: block;
    width: 100%;
    float: left;
    width: 100%;
    height:50px;
    line-height: 50px;
    font-weight: 300;
    font-size: 14px;
    font-size: 1.4rem;    
    margin:0;
    padding: 0;
    background: transparent;
    text-align: center;
    color: #fff;
    color: #bcc4bb;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul#menu-hauptmenu li:hover a{
    position: relative;
    display: block;
    width: 100%;
    float: left;
    width: 100%;
    height:50px;
    line-height: 50px;
    font-weight: 300;
    font-size: 14px;
    font-size: 1.4rem; 
    margin:0;
    padding: 0;
    background: transparent;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul#menu-hauptmenu li.current-menu-item a{
    background: #e1e1e1;
    color: #fff;
    font-weight: 600;
}

ul#menu-hauptmenu li.current-menu-item a i, ul#menu-hauptmenu li.current-menu-item a span{
    /*color: #ded9c1;*/
    color: #c5c6c6;
}

ul#menu-hauptmenu li.current-menu-item{
    /* border-bottom:  5px  solid #66cc66; */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul#menu-hauptmenu li a{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}



@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(360deg);}
}
ul.menuspin li:hover a i{
    position:fixed;
    top:0%;
    left:0%;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 0.75s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 0.75s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 0.75s;
    -ms-animation-iteration-count: 1;
    -ms-animation-timing-function: linear;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: END - Menu HAUPTMENU ::::::::::::::::*/

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Allgmeine Klassen :::::::::::::::::::*/



.zentriert{
  position: relative;
    margin-left: 0 auto;
    margin-right: 0 auto;
    float: none;
    text-align:center;
}
.alignright{
    position: relative;
    margin-left: 0 auto;
    margin-right: 0 auto;
    text-align:right;
}

.alignleft{
    position: relative;
    margin-left: 0 auto;
    margin-right: 0 auto;
    text-align:left;
}
.blocksatz{
    position: relative;
    margin-left: 0 auto;
    margin-right: 0 auto;
    text-align:justify;
}

.rechtsbund{
  float: right;
}
.linksbund{
  float: left;
}
.clearleft{
  clear: left;
}
.clearright{
  clear: right;
}

img.imgmax{
  display: block;
  max-width: 100%;
}
img.imgmaxhead{
  display: block;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
img,
.gridwrapper img,
img.wp-post-image,
.entry-content img {
    max-width: 100%;
    height: auto;
}

.xliwrap > h3{
  font-size: 2em;
  text-transform: uppercase;
  padding: 0 0 26px 0;
}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: kontaktformular-main ::::::::::::::::::::::*/

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
textarea[name=NACHRICHT],
textarea[name=your-message],
input[type=file]{
  width: 100%;
  min-width: 100%;
  padding: 0 0.9375em;
  margin: 6px 0 0 0;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  background: #fff;
  color: rgba(87,89,89,1);
  height: 48px;
  line-height: 48px;
  border: 1px solid #c5c6c6;
}

input[type=file]{
  background: #fff;
  padding: 0;
  margin: 6px 0 0 0;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #fff;
  height: 48px;
  line-height: 38px;
  color: #c5c6c6;
}

textarea[name=NACHRICHT]{
  padding: 12px 0.9375em;
  line-height: 1.25;
  min-height: 426px;
  font-size: 0.9em;
}
textarea[name=your-message]{
  padding: 12px 0.9375em;
  line-height: 1.25;
  min-height: 200px;
  font-size: 0.9em;
}

label.inline[for=rememberme]{
  background: rgba(87,89,89,.05);
}


#kontakt-main{
  position: relative;
  display: block;
  float:left;
  width:75%;
  height: auto;
  /*border-radius: 3px;*/
  padding: 5%;
  margin: 0;
  background: transparent;
  border:  1px  solid #333333;
}

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 1em 0;
  padding: 3%;
  border-radius: 0;
  font-size: 0.8em;
  font-family: 'News Cycle', sans-serif;
  font-family: 'Lato', sans-serif;
}

div.wpcf7-mail-sent-ok {
  background: transparent;
  border: none;
  color: #008A4E;
}

div.wpcf7-mail-sent-ng {
	background:#229999;
  border: none;
  color: #fff;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	/*background:#ff7a85;*/
  background:transparen;
  border: none;
  color: #ff7a85;
}

span.wpcf7-form-control-wrap,
.wpcf7-form-control {
	position: relative;
    color: #333333;
}

span.wpcf7-not-valid-tip {
background:#ff7a85;
color: #fff;
padding: 2px;
font-size: 12px;
display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #333333;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: end-kontaktform7 ::::::::::::::::::::::::::*/

nav.showmobil{display: none!important;}
nav.hidemobil{display: block;} 

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::-START- Masonry::::::::::::::::::::*/
.gallery-item{
	width: 25%!important;
	padding: 0;
	margin:0!important;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::-START- Tabslet-Tabs::::::::::::::::::::*/


.tabslettabs > DIV {
	/*border-top: 1px solid #c7c7c7*/
	margin-top: 0px;
	background: #FFFFFF !important;
    border: 2px solid #e1e1e1;
    padding: 1.95em 0.975em 0.975em 0.975em;
    overflow:hidden;
    float: left;
    width: 100%;
	/*border-bottom: 4px solid #E95855 !important;*/
}

.tabslettabs > DIV H3 {
}

.tabslettabs ul.horizontal LI {
	border-bottom:   0px  solid #CBCBCB;
    background: #CBCBCB;
}

.tabslettabs ul.horizontal li A {
	color: #ffffff;
	display: block;
	font-weight: 300;
  padding: 0.975em 0.075em;
	text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0px;
}

.tabslettabs ul.horizontal LI:hover {
	background: #C9C9C9;
	border-bottom:  2px  solid #229999;
}

.tabslettabs ul.horizontal LI:hover A {
	color: #fff;
}

ul.horizontal li.active {
	background: #e1e1e1 !important;
	border-bottom:  2px solid #00cccc;
}

ul.horizontal li.active A {
	color: #00cccc!important;
  font-weight: 700;
}

.tabslettabs > .button {
	background: #FFFFFF;
	border-bottom: 1px solid #00cccc;
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 16px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	width: 150px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.tabslettabs > .button:hover {
	background: #00cccc;
	color: #FFF;
	text-decoration: none;
}

.tabslettabs >  .link {
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 48px;
	margin-top: 20px;
	text-decoration: none;
}

.tabslettabs > .link:hover {
	text-decoration: underline;
}

.anchorLink {
	border-bottom: 1px dashed white;
}

.anchorLink:hover {
	text-decoration: none;
}

.screenshot {
	position: absolute;
	clip: rect(0 0 0 0);
}

.prev,
.next {
	background: white !important;
	color: #a0cac0 !important;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.prev:hover,
.next:hover {
	background: #a0cac0 !important;
	color: white !important;
}

.logo {
	margin-top: -6px;
	margin-right: 10px;
	vertical-align: middle;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::-END - Tabslet-Tabs::::::::::::::::::::*/


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Olevmedia-Custom:::::::::::::::::::::*/

.omsc-tabs-control li{
  background: #CBCBCB;
  color: #fff;
  border-color: #D1D1D1;
  font-weight:300;
  font-size: 100%;
  padding: 10px 0px;
  box-sizing: border-box;
  text-transform: uppercase;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.omsc-tabs-control li.omsc-active{
  font-weight: bold;
  border-bottom: 1px solid #00cccc;
}

.omsc-tabs-control li a{
  background: #CBCBCB;
  padding: 10px 0 10px 10px;
}

.omsc-tabs-tabs{
  overflow:hidden!important;
}

.omsc-biginfobox .omsc-text-block.omsc-text-bright p {
  color:#ffffff!important;
}

.omsc-button.omsc-size-large{
  width:100%;
}

.omsc-button.omsc-size-small.omsc-style-flat,
.omsc-button.omsc-size-small.omsc-style-border {
	padding-top:0;
    border: 1px solid #fff;
    box-sizing: border-box;
    text-transform: uppercase;
    padding: 0.28em;
}
.omsc-responsive-box-map{
border: 1px dotted #033399;
}


/*:::::::::::::::::::::::::::::::::allgemeine Animationsklassen:::::::::::::::::::::::::::::::::::::*/
.fadeunten{
  color: #ffffff;
    transition: all 200ms linear;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
.drehenseite{
    transition: all 200ms linear;
    -webkit-animation: moveFromLeftRotate 500ms ease;
    -moz-animation: moveFromLeftRotate 500ms ease;
    -ms-animation: moveFromLeftRotate 500ms ease;
}



a{
	white-space:nowrap;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: service-Hover::::::::::::::::::::::::::*/
#produktcats{
  position: relative;
  display: block;
  float: left;
  width: 50%;
  height: auto;
  border-left: 1px solid #00cccc;
  margin-left: 0.475em;
  margin-right: 0.475em;
}

.produktwrapper{max-width: 100%; margin:0;margin-bottom: 20px;}
.service-details {
	/*width: 460px;*/
	height: 250px;
	/*height: 230px;*/
	overflow: hidden;
	position: relative;
}

.service-details img {
	position: absolute;
	top: 0;
	left: 0;
	height: inherit;
	width: auto;
	height: 100%;
	float: left;
	transition: all 0.8s;
	-moz-transition: all 0.8s;

}

.service-details:hover img {
	opacity: 0.4 !important;
}

.service-details .service-hover-text h3 {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
  font-weight:700;
}

.service-details .service-hover-text h4 {
	padding: 0px;
	padding-bottom: 13px;
	margin: 16px 0px;
	font-size: 16px;
    font-size: 1.6rem;
  letter-spacing: 3px;
	width: 100%;
    color: #00cccc;
  text-transform:uppercase;
	border-bottom: 2px solid #00cccc;
}
.service-details .service-hover-text h4 a {
    color: #00cccc;
}

.service-details .service-hover-text p {
	padding-top: 0px;
	font-size: 12px;
	line-height: 14px;
  line-height: 1.4rem;
}


.service-details .service-hover-text{
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 50%;
	padding: 3% 4%;
	background: #CBCBCB;
	color: rgba(255,255,255,1);
/*	display: none;*/
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.4s;
}

.service-details:hover .service-hover-text {
	display: block !important;
	color: #00cccc;
	background:#ffffff;
	left: 0px;
	top: 0px;
}
.service-details:hover .service-hover-text p {
	color: #00cccc;
}


.service-details .service-text {
	width: 50%;
	height: inherit;
	background: #454545;
	float: left;
	position: absolute;
	left: 50%;
}

.service-details .service-text p {
	padding:80px 0px 0px 20px;
	font-size: 18px;
  font-weight:700;
	color: #fff;
}

.service-details .service-text p span {
}

.service-details .service-text a , .service-white .service-text {
    font-size: 16px;
	font-size: 1.6rem !important;
	color:#fff!important;
    font-weight: 300!important;
	text-decoration: none !important;
    display: block;
    width: 75%;
    padding: 15px 15px 15px 25px;
}

.service-details .service-text {
	float: left;
    text-transform:uppercase;
}

.service-white {
	background: #00cccc !important;
	width: 50% !important;
    text-transform:uppercase;
	height: inherit !important;
}

.service-white p {
	color: #fff !important;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: END SERVICE-Datails Ausklapp :::::::::::*/

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: START-Tabstyles :::::::::::::::::::::::::::::::*/


#basictabcontent {
	background: #fff;
	overflow: hidden;
	width: 100%;
	min-height: 300px;
	margin: 60px auto;
	box-shadow: 0 0 20px #ddd;
	border: 1px solid #ddd;
}
ul#basictabs {
	overflow: hidden;
	background: #777;
}
ul#basictabs li {
	list-style: none;
}
ul#basictabs li a {
	float: left;
	display: block;
	padding: 10px;
	color: #fff;
	width: 25%;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #555;
	border-left: 1px solid #888;
	font-size: 15px;
	text-shadow: 1px 1px 0 #333333;
}
ul#basictabs li a:hover {
	background: #666;
}
ul#basictabs li:first-child a {
	border-left: 0;
}
ul#basictabs li:last-child a {
	border-right: 0;
}
ul#basictabs li.current a {
	background: #fff;
	color: #666;
	text-shadow: 1px 1px 0 #fff;
}
#basictabcontent > div {
	clear: both;
	padding: 20px;
	line-height: 19px;
	color: #666;
	text-shadow: 1px 1px 0 #fff;
	display: none;
}
#basictabcontent .current {
	display: block;
}
#basictabcontent #test1.first {
	display: block;
}
#basictabcontent p {
	margin: 0 0 20px 0;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Default tab style */
.tabimg {
	position: absolute;
	display: block;
	top: 20%;
	left: 5%;
	max-width: 60%;
	max-height: 60%;
	padding: 0;
	margin: 0 10% 0 0;
	z-index: 9999;
}
.tabs {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	font-weight: 300;
	font-size: 1.25em;
}
/* Nav */
.tabs nav {
	text-align: center;
}
.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	list-style: none;
	border-bottom: 0px solid #f7f7f7;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
}
.tabs nav a span {
	vertical-align: middle;
	font-size: 0.75em;
}
.tabs nav li.tab-current a {
	color: #74777b;
}
.tabs nav a:focus {
	outline: none;
}
/* Icons */
.tabs nav ul li a .icon::before, .tabs nav ul li a i::before {
	z-index: 10;
	display: inline-block;
	margin: 0 0.6em 0 0;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-size: 1em;
	line-height: 1;
	speak: none;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* Content */
.content-wrap {
	position: relative;
}
.content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 1em;
	max-width: 1200px;
	padding: 0.975em;
	/*text-align: center;
*/
}
.content-wrap section.content-current {
	display: block;
	border: 1px solid #f7f7f7;
}
.content-wrap section p {
	/*margin: 0;
	padding: 0.975em 0;
	line-height: 1;
*/
}
/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}
.no-flexbox nav ul {
	display: block;
}
.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}
@media screen and (max-width: 58em) {
.tabs nav a.icon span {
	display: none;
}
.tabs nav a:before {
	margin-right: 0;
}
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Individual tab styles */
/*****************************/
/* Bar */
/*****************************/
.tabs-style-bar nav {
	background: rgba(40,44,42,0.05);
}
.tabs-style-bar nav ul {
	border: 4px solid transparent;
}
.tabs-style-bar nav ul li a {
	margin: 0 2px;
	background-color: #f7f7f7;
	color: #74777b;
	transition: background-color 0.2s, color 0.2s;
}
.tabs-style-bar nav ul li a:hover, .tabs-style-bar nav ul li a:focus {
	color: #2CC185;
}
.tabs-style-bar nav ul li a span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 0.6em;
}
.tabs-style-bar nav ul li.tab-current a {
	background: #2CC185;
	color: #fff;
}
/*****************************/
/* Icon box */
/*****************************/
.tabs-style-iconbox nav {
	background: #E7ECEA;
}
.tabs-style-iconbox nav ul li a {
	overflow: visible;
	padding: 2em 0;
	line-height: 1;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.tabs-style-iconbox nav ul li a span {
	font-weight: 700;
	font-size: 0.7em;
}
.tabs-style-iconbox nav ul li.tab-current {
	z-index: 100;
}
.tabs-style-iconbox nav ul li.tab-current a {
	background: #696969;
	box-shadow: -1px 0 0 #696969;
	color: #E7ECEA;
}
.tabs-style-iconbox nav ul li.tab-current a::after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 10px;
	border-top-color: #696969;
	content: '';
	pointer-events: none;
}
.tabs-style-iconbox nav ul li:first-child::before, .tabs-style-iconbox nav ul li::after {
	position: absolute;
	top: 20%;
	right: 0;
	z-index: -1;
	width: 1px;
	height: 60%;
	background: rgba(0,0,0,0.07);
	content: '';
}
.tabs-style-iconbox nav ul li:first-child::before {
	right: auto;
	left: 0;
}
.tabs-style-iconbox .icon::before {
	display: block;
	margin: 0 0 0.25em 0;
}
/*****************************/
/* Underline */
/*****************************/
.tabs-style-underline nav {
	background: #fff;
}
.tabs-style-underline nav a {
	padding: 0.25em 0 0.5em;
	border-left: 1px solid #e7ecea;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.tabs-style-underline nav li:last-child a {
	border-right: 1px solid #e7ecea;
}
.tabs-style-underline nav li a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background: #2CC185;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
}
.tabs-style-underline nav li.tab-current a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.tabs-style-underline nav a span {
	font-weight: 700;
}
/*****************************/
/* Triangle and line */
/*****************************/
.tabs-style-linetriangle nav a {
	overflow: visible;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.tabs-style-linetriangle nav a span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.2em;
    background:  #e7ecea;
}
.tabs-style-linetriangle nav li.tab-current a:after, .tabs-style-linetriangle nav li.tab-current a:before {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: '';
	pointer-events: none;
}
.tabs-style-linetriangle nav li.tab-current a:after {
	margin-left: -10px;
	border-width: 10px;
	border-top-color: #e7ecea;
}
.tabs-style-linetriangle nav li.tab-current a:before {
	margin-left: -11px;
	border-width: 11px;
	border-top-color: rgba(0,0,0,0.2);
}
@media screen and (max-width: 58em) {
.tabs-style-linetriangle nav {
	font-size: 0.6em;
}
}
/*****************************/
/* Top Line */
/*****************************/
.tabs-style-topline {
	max-width: 1200px;
}
.tabs-style-topline nav li {
	border: 1px solid rgba(40,44,42,0.1);
}
.tabs-style-topline nav li:not(:last-child) {
	border-right: none;
}
.tabs-style-topline nav li.tab-current {
	border-top-color: #2CC185;
	border-bottom: none;
}
.tabs-style-topline nav a {
	padding: 0.65em 0 0.5em;
	background: rgba(40,44,42,0.05);
	color: #74777b;
	line-height: 1.1em;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
.tabs-style-topline nav a:hover, .tabs-style-topline nav a:focus {
	color: #2CC185;
}
.tabs-style-topline nav li.tab-current a {
	background: none;
	box-shadow: inset 0 3px 0 #2CC185;
	color: #2CC185;
}
.tabs-style-topline .icon::before {
	display: block;
	margin: 0;
}
.tabs-style-topline nav a span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 1.1em;
}
/*****************************/
/* Falling Icon, from http://vintageproductions.eu/grid/interactivity/ */
/*****************************/
.tabs-style-iconfall {
	overflow: visible;
}
.tabs-style-iconfall i {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 0.1em 0.3em;
	overflow: hidden;
}

.tabs-style-iconfall nav a {
	display: inline-block;
	overflow: visible;
	/*padding: 1em 0 2em; */
    padding: 0.6em 0 2em;
	color: #74777b;
	line-height: 1.2;
    font-size: 1.1em;
	-webkit-transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
	transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
}
.tabs-style-iconfall nav a:hover, .tabs-style-iconfall nav a:focus, .tabs-style-iconfall nav li.tab-current a {
	color: #2CC185;
}
.tabs-style-iconfall nav a span {
	font-weight: 700;
}
.tabs-style-iconfall nav li::before {
	position: absolute;
	bottom: 1em;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 4px;
	background: #2CC185;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
	-webkit-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
}
.tabs-style-iconfall nav li.tab-current::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.tabs-style-iconfall .i::before {
	display: block;
	margin:;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
	pointer-events: none;
}
.tabs-style-iconfall nav li.tab-current .i::before {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
@media screen and (max-width: 58em) {
.tabs-style-iconfall nav li .i:: before {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
}
/*****************************/
/* Moving Line */
/*****************************/
.tabs-style-linemove nav {
	background: #fff;
}
.tabs-style-linemove nav li:last-child::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #2CC185;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
/* Move the line */
.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
	-webkit-transform: translate3d(-400%,0,0);
	transform: translate3d(-400%,0,0);
}
.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
	-webkit-transform: translate3d(-300%,0,0);
	transform: translate3d(-300%,0,0);
}
.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {
	-webkit-transform: translate3d(-200%,0,0);
	transform: translate3d(-200%,0,0);
}
.tabs-style-linemove nav li:nth-child(4).tab-current ~ li:last-child::before {
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}
.tabs-style-linemove nav a {
	padding: 0.5em 0 1em 0;
	color: #74777b;
	line-height: 1;
	-webkit-transition: color 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, transform 0.3s;
}
.tabs-style-linemove nav li.tab-current a {
	color: #2CC185;
	-webkit-transform: translate3d(0,8px,0);
	transform: translate3d(0,8px,0);
}
.tabs-style-linemove nav a span {
	font-weight: 700;
}
/*****************************/
/* Line */
/*****************************/
.tabs-style-line nav ul {
	padding: 0.5em 0 0 0;
	max-width: none;
	box-shadow: inset 0 -2px #d1d3d2;
}
.tabs-style-line nav a {
	padding: 0.7em 0.7em;
	box-shadow: inset 0 -2px #d1d3d2;
	color: #74777b;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 0.8em;
	line-height: 1;
	-webkit-transition: color 0.3s, box-shadow 0.3s;
	transition: color 0.3s, box-shadow 0.3s;
}
.tabs-style-line nav a:hover, .tabs-style-line nav a:focus {
	box-shadow: inset 0 -2px #74777b;
}
.tabs-style-line nav li.tab-current a {
	box-shadow: inset 0 -2px #2CC185;
	color: #2CC185;
}
@media screen and (max-width: 58em) {
.tabs-style-line nav ul {
	display: block;
	box-shadow: none;
}
.tabs-style-line nav ul li {
	display: block;
	-webkit-flex: none;
	flex: none;
}
}
/*****************************/
/* Circle */
/*****************************/
.tabs-style-circle {
	overflow: visible;
}
.tabs-style-circle nav li::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -60px 0 0 -60px;
	width: 120px;
	height: 120px;
	border: 1px solid #2CC185;
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	-webkit-transform: scale3d(0,0,1);
	transform: scale3d(0,0,1);
}
@media screen and (max-width: 58em) {
.tabs-style-circle nav li:: before {
	margin: -40px 0 0 -40px;
	width: 80px;
	height: 80px;
}
}
.tabs-style-circle nav li.tab-current::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.tabs-style-circle nav a {
	overflow: visible;
	color: #74777b;
	font-weight: 700;
	font-size: 0.9em;
	line-height: 1.1;
	-webkit-transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
	transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
}
.tabs-style-circle nav a span {
	display: inline-block;
}
.tabs-style-circle nav a span, .tabs-style-circle .icon::before {
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7,0,0.3,1);
	transition: transform 0.3s cubic-bezier(0.7,0,0.3,1);
}
.tabs-style-circle nav a:hover, .tabs-style-circle nav a:focus {
	color: #4a4a4b;
}
.tabs-style-circle nav li.tab-current a {
	color: #2CC185;
}
.tabs-style-circle nav li.tab-current a span {
	-webkit-transform: translate3d(0,4px,0);
	transform: translate3d(0,4px,0);
}
.tabs-style-circle .icon::before {
	display: block;
	margin: 0;
	pointer-events: none;
}
.tabs-style-circle nav li.tab-current .icon::before {
	-webkit-transform: translate3d(0,-4px,0);
	transform: translate3d(0,-4px,0);
}
/*****************************/
/* Shape */
/*****************************/
.tabs-style-shape {
	max-width: 1200px;
}
.tabs-style-shape nav ul li {
	margin: 0 .05em;
}
.tabs-style-shape nav ul li:first-child {
	margin-left: 0;
}
.tabs-style-shape nav ul li.tab-current {
	z-index: 100;
}
.tabs-style-shape nav li a {
	overflow: visible;
	margin: 0 -.05em 0 0;
	padding: 0;
	color: #fff;
	font-weight: 500;
}
.tabs-style-shape nav li:first-child a span {
	padding-left: 2em;
	border-radius: 30px 0 0 0;
}
.tabs-style-shape nav li:last-child a span {
	padding-right: 2em;
	border-radius: 0 30px 0 0;
}
.tabs-style-shape nav li a svg {
	position: absolute;
	left: 100%;
	margin: 0;
	width: 3em;
	height: 100%;
	fill: #bdc2c9;
}
.tabs-style-shape nav li a svg:nth-child(2), .tabs-style-shape nav li:last-child a svg {
	right: 100%;
	left: auto;
	-webkit-transform: scale3d(-1,1,1);
	transform: scale3d(-1,1,1);
}
.tabs-style-shape nav li a span {
	display: block;
	overflow: hidden;
	padding: 0.65em 0;
	background-color: #bdc2c9;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tabs-style-shape nav li a:hover span {
	background-color: #2CC185;
}
.tabs-style-shape nav li a:hover svg {
	fill: #2CC185;
}
/* Make only shape clickable */
.tabs-style-shape nav li a svg {
	pointer-events: none;
}
.tabs-style-shape nav li a svg use {
	pointer-events: auto;
}
.tabs-style-shape nav li.tab-current a span, .tabs-style-shape nav li.tab-current a svg {
	-webkit-transition: none;
	transition: none;
}
.tabs-style-shape nav li.tab-current a span {
	background: #e6e6e6;
}
.tabs-style-shape nav li.tab-current a svg {
	fill: #fff;
}
.tabs-style-shape .content-wrap {
	background: #e6e6e6;
}
@media screen and (max-width: 58em) {
.tabs-style-shape nav ul {
	display: block;
	padding-top: 1.5em;
}
.tabs-style-shape nav ul li {
	display: block;
	margin: -1.25em 0 0;
	-webkit-flex: none;
	flex: none;
}
.tabs-style-shape nav ul li a {
	margin: 0;
}
.tabs-style-shape nav ul li svg {
	display: none;
}
.tabs-style-shape nav ul li a span {
	padding: 1.25em 0 2em !important;
	border-radius: 30px 30px 0 0 !important;
	box-shadow: 0 -1px 2px rgba(0,0,0,0.1);
	line-height: 1;
}
.tabs-style-shape nav ul li:last-child a span {
	padding: 1.25em 0 !important;
}
.tabs-style-shape nav ul li.tab-current {
	z-index: 1;
}
}
/*****************************/
/* Line Box */
/*****************************/
.tabs-style-linebox nav ul li {
	margin: 0;
	-webkit-flex: none;
	flex: none;
}
.tabs-style-linebox nav a {
	padding: 0 20%;
	color: #74777b;
	font-weight: 700;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.tabs-style-linebox nav a:hover, .tabs-style-linebox nav a:focus {
	color: #2CC185;
}
.tabs-style-linebox nav li.tab-current a {
	color: #fff;
}
.tabs-style-linebox nav a::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #d2d8d6;
	content: '';
	-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
	transition: background-color 0.3s, transform 0.3s;
	-webkit-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
	-webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
	transform: translate3d(0,100%,0) translate3d(0,-3px,0);
}
.tabs-style-linebox nav li.tab-current a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.tabs-style-linebox nav a:hover::after, .tabs-style-linebox nav a:focus::after, .tabs-style-linebox nav li.tab-current a::after {
	background: #2CC185;
}
@media screen and (max-width: 58em) {
.tabs-style-linebox nav ul {
	display: block;
	box-shadow: none;
}
.tabs-style-linebox nav ul li {
	display: block;
	-webkit-flex: none;
	flex: none;
}
}
/*****************************/
/* Flip */
/*****************************/
.tabs-style-flip {
	max-width: 1200px;
}
.tabs-style-flip nav a {
	padding: 0.5em 0;
	color: #2CC185;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.tabs-style-flip nav a:hover, .tabs-style-flip nav a:focus, .tabs-style-flip nav li.tab-current a {
	color: #74777b;
}
.tabs-style-flip nav a span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 0.625em;
}
.tabs-style-flip nav a::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #696969;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-transform: perspective(900px) rotate3d(1,0,0,90deg);
	transform: perspective(900px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-perspective-origin: 50% 100%;
	perspective-origin: 50% 100%;
}
.tabs-style-flip nav li.tab-current a::after {
	background-color: #e9e9e9;
	-webkit-transform: perspective(900px) rotate3d(1,0,0,0deg);
	transform: perspective(900px) rotate3d(1,0,0,0deg);
}
.tabs-style-flip .content-wrap {
	background: #e9e9e9;
}
/*****************************/
/* Fill up */
/*****************************/
.tabs-style-fillup nav ul li a {
	padding: 1.9em 0;
	border-right: 1px solid #2CC185;
	line-height: 1;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.tabs-style-fillup nav ul li:last-child a {
	border: none;
    margin-bottom:0;
}
.tabs-style-fillup nav ul li.tab-current {
	z-index: 100;
}
.tabs-style-fillup nav ul li.tab-current a {
	color: #fff;
}
.tabs-style-fillup nav ul li a::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	height: calc(100% + 1px);
	border: 1px solid #2CC185;
	background: #2CC185;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
.tabs-style-fillup nav ul li.tab-current a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.tabs-style-fillup nav ul li a span, .tabs-style-fillup .icon::before {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0,5px,0);
	transform: translate3d(0,5px,0);
}
.tabs-style-fillup nav ul li a span {
	display: block;
	font-weight: 700;
	font-size: 0.7em;
	line-height: 1.5;
}
.tabs-style-fillup .icon::before {
	display: block;
	margin: 0;
}
.tabs-style-fillup nav ul li.tab-current a span, .tabs-style-fillup li.tab-current .icon::before {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}
/*****************************/
/* Trapezoid, based on http://lea.verou.me/2013/10/slanted-tabs-with-css-3d-transforms/ */
/*****************************/
.tabs-style-tzoid {
	max-width: 1200px;
}
.tabs-style-tzoid nav {
	padding: 0 .05em;
}
.tabs-style-tzoid nav ul li {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.tabs-style-tzoid nav ul li a {
	padding: 0 1.5em 0 0.3em;
	color: #DAE6DC;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
@media screen and (max-width: 54em) {
.tabs-style-tzoid nav ul li a {
	padding: 0 0.5em 0 0.3em;
}
}
.tabs-style-tzoid nav ul li a:hover, .tabs-style-tzoid nav ul li a:focus {
	color: #fff;
}
.tabs-style-tzoid nav ul li.tab-current a, .tabs-style-tzoid nav ul li.tab-current a:hover {
	color: #DDDDDD;
}
.tabs-style-tzoid nav ul li a span {
	font-weight: 700;
	font-size: 1em;
    line-height:1em;
    padding: 0 .5em .5em .05em;
}
.tabs-style-tzoid nav ul li a::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	outline: 1px solid transparent;
	border-radius: 10px 10px 0 0;
	background: #00CCCC;
	box-shadow: inset 0 -3px 3px rgba(0,0,0,0.05);
	content: '';
	-webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
	transform: perspective(5px) rotateX(0.93deg) translateZ(-1px);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.tabs-style-tzoid nav ul li.tab-current a::after, .tabs-style-tzoid .content-wrap {
	background: #F0F0F0;
	box-shadow: none;
}
/*****************************/
/* Circle fill */
/*****************************/
.tabs-style-circlefill {
	max-width: 700px;
	border: 1px solid #2CC185;
}
.tabs-style-circlefill nav ul li {
	overflow: hidden;
	border-right: 1px solid #2CC185;
}
.tabs-style-circlefill nav li a {
	padding: 1.5em 0;
	color: #fff;
	font-size: 1.25em;
}
.tabs-style-circlefill nav li:first-child {
	border-left: none;
}
.tabs-style-circlefill nav li:last-child {
	border: none;
}
.tabs-style-circlefill nav li::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
	width: 80px;
	height: 80px;
	border: 1px solid #2CC185;
	border-radius: 50%;
	background: #2CC185;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.tabs-style-circlefill nav li.tab-current::before {
	-webkit-transform: scale3d(2.5,2.5,1);
	transform: scale3d(2.5,2.5,1);
}
.tabs-style-circlefill nav a {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.tabs-style-circlefill nav a span {
	display: none;
}
.tabs-style-circlefill nav li.tab-current a {
	color: #fff;
}
.tabs-style-circlefill .icon::before {
	display: block;
	margin: 0;
	pointer-events: none;
}
.tabs-style-circlefill .content-wrap {
	border-top: 1px solid #2CC185;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: END-Tabstyles :::::::::::::::::::::::::::::::*/


.circle {
  position: relative;
  width: 20%;
  height: 0;
  padding: 10% 0;
  float: left;
  display: block;
  border-radius: 50%;
  background: #00cccc;
  text-align: center;
  color: #ffffff;
}
.circle1 {
  position: relative;
  width: 20%;
  height: 0;
  padding: 10% 0;
  float: left;
  display: block;
  border-radius: 50%;
  background: #78d6ff;
  text-align: center;
  color: #ffffff;
}
.circle2 {
  position: relative;
  width: 20%;
  height: 0;
  padding: 10% 0;
  float: left;
  display: block;
  border-radius: 50%;
  background: #229999;
  text-align: center;
  color: #ffffff;
}
.circle3 {
  position: relative;
  width: 20%;
  height: 0;
  padding: 10% 0;
  float: left;
  display: block;
  border-radius: 50%;
  background: #8fb350;
  text-align: center;
  color: #ffffff;
}
.circle4 {
  position: relative;
  width: 20%;
  height: 0;
  padding: 10% 0;
  float: left;
  display: block;
  border-radius: 50%;
  background: #293333;
  text-align: center;
  color: #ffffff;
}
.circle5 {
  position: relative;
  width: 20%;
  height: 0;
  padding: 10% 0;
  float: left;
  display: block;
  border-radius: 50%;
  background: #ff4d88;
  text-align: center;
  color: #ffffff;
}
.circle6 {
  position: relative;
  width: 20%;
  height: 0;
  padding: 10% 0;
  float: left;
  display: block;
  border-radius: 50%;
  background: #dae6dc;
  text-align: center;
  color: #ffffff;
}
.circle7 {
  position: relative;
  width: 20%;
  height: 0;
  padding: 10% 0;
  float: left;
  display: block;
  border-radius: 50%;
  background: #253842;
  text-align: center;
  color: #ffffff;
}

.radiusecken{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;}

.bradius0{
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}
.bradius6{
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.bradius3{
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.bradius12{
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.bradius18{
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
}
/*:::::::::::::::::::::::::: css-fixes und single snippets for FX ::::::::::::::::*/


/*:::::::::::::: no-text-around-image ::::::::::::::::*/
.no-wrap-text {
  overflow: hidden;
}
/* --- hoverscale ---*/
.scalehover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}
/* --- cross-browser-clearfix --- */
.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* IE 6/7 */
.clearfix { zoom: 1; }

/* --- innershadow ---*/
.innershade{
-moz-box-shadow: inset 2px 0 4px #454545;
-webkit-box-shadow: inset 2px 0 4px #454545;
box-shadow: inset 2px 0 4px #454545;
}
.tcell p i{
  position: relative;
  display: block;
float: left;
margin: 16px auto;
}

/* --- vintage text FX ---*/
.vintage h1 {
    text-align: center;
    margin: 200px auto;
    font-family: Arial, Courier;
    font-size: 200px;
    text-transform: uppercase;
    color: #707070;
    text-shadow: 5px 5px 0px #eee, 7px 7px 0px #707070;
}
/* --- inset text FX ---*/
#inset h1 {
    text-align: center;
    margin: 200px auto;
    font-family: Arial, Courier;
    font-size: 200px;
    text-transform: uppercase;
    color: #222;
    text-shadow: 0px 2px 3px #666;
}

.cross-browser-opacity{
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;
}

.cbo7{
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  /* IE 5-7 */
  filter: alpha(opacity=70);

  /* Netscape */
  -moz-opacity: 0.7;

  /* Safari 1.x */
  -khtml-opacity: 0.7;

  /* Good browsers */
  opacity: 0.7;
}
.cbo9{
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;
}
.cbo3{
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

  /* IE 5-7 */
  filter: alpha(opacity=30);

  /* Netscape */
  -moz-opacity: 0.3;

  /* Safari 1.x */
  -khtml-opacity: 0.3;

  /* Good browsers */
  opacity: 0.3;
}





/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CarouFredsel-Styles::::::::::::::::::::::::::*/
#cf-wrapper {
	border: 1px solid #ccc;
	background-color: #fff;
	max-width: 1200px;
	height: 500px;
	padding: 30px;
	margin: -275px 0 0 -275px;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 0 20px #999;
}
.caroufredsel_wrapper {
	border-radius: 15px;
}
#carousel {
	padding-top: 350px;
}
#carousel div {
	max-width: 1200px;
	height: 380px;
	margin-top: -350px;
	position: relative;
}
#carousel div span {
	background-color: #666;
	border-top: 1px solid #ccc;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	display: block;
	height: 29px;
	cursor: pointer;
}
#carousel div span:hover {
	background-color: #555;
}
#carousel div span.selected {
	background-color: #600;
	cursor: default;
}
#source {
	text-align: center;
	width: 400px;
	margin: 0 0 0 -200px;
	position: absolute;
	bottom: 10px;
	left: 50%;
}
#source, #source a {
	color: #999;
	font-size: 12px;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Shrink-header::::::::::::::*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	color: #fff;
	z-index: 10001;
	height: 165px;
	line-height: 165px;
	overflow: hidden;
	text-align: center;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}
.header.shrink {
	height: 100px;
	/*line-height: 80px;
*/
	line-height: 100px;
	background: #BDC2C9;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}
.header img.imgmaxhead {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	padding: 10px 0px;
	margin: 0;
	border: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.header.shrink img.imgmaxhead {
	position: relative;
	display: block;
	width: auto;
	max-height: 100px;
	padding: 10px 0px;
	margin: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.header h1 {
	font-size: 30px;
	font-weight: normal;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.header.shrink h1 {
	font-size: 24px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: DIVASLIDER::::::::::::::::::::::::::*/
/************************************************************************ * 3. MANDATORY Divas styles *************************************************************************/
#slider_wrapper {
	overflow: hidden;
}
.divas-slider {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.divas-slider-container {
	position: relative;
	margin: 0;
	padding: 0;
}
.divas-slider-container:after {
	content: "";
	display: table;
	clear: both;
}
.divas-slide {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
}
.divas-slide img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	outline: 0 none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
/************************************************************************ * 4. DEFAULT slider settings *************************************************************************/
/* * divas slide transitions */
.divas-slide-transition-left {
	-webkit-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
/* * divas navigation buttons */
.divas-navigation {
	clear: both;
	position: absolute;
	margin: 0px auto;
	height: 0;
	width: 100%;
	text-align: center;
	top: 47%;
	top: calc(50% - 33px);
}
.divas-has-bullets .divas-navigation {
	top: calc(50% - 61px);
}
.divas-navigation span {
	height: 66px;
	outline: 0 none;
	position: absolute;
	width: 42px;
	z-index: 9999;
	cursor: pointer;
	margin: 0;
	font-size: 3em;
	color: #fff;
}
.divas-navigation span:hover {
	color: #ffffff;
}
.divas-controls span.divas-start, .divas-controls span.divas-stop {
	display: none;
}
.divas-navigation span.divas-prev {
	left: 1em;
	background: url("../img/divaslider/prev.svg") no-repeat top center rgba(0, 0, 0, 0);
}
.divas-navigation span.divas-next {
	right: 1em;
	background: url("../img/divaslider/next.svg") no-repeat top center rgba(0, 0, 0, 0);
}
@media screen and (max-width: 40em) {
.divas-navigation span.divas-prev, .divas-navigation span.divas-next {
	background-position: center center;
	-webkit-background-size: 75% auto;
	-moz-background-size: 75% auto;
	-o-background-size: 75% auto;
	background-size: 75% auto;
}
.divas-navigation span.divas-prev {
	left: 0.5em;
}
.divas-navigation span.divas-next {
	right: 0.5em;
}
}
/* * divas caption styling */
.divas-caption {
	position: absolute;
	top: 50%;
	width: auto;
	background: rgba(0,0,0,0.7);
	color: #f7f7f7;
	border: none;
	padding: 1em 2em 1.6em;
	margin: 0 2em;
}
/* * divas caption transitions: left */
.divas-caption.divas-title-transition-left-start {
	left: -999px;
}
.divas-caption.divas-title-transition-left {
	-webkit-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.divas-caption.divas-title-transition-left-stop {
	left: 0px;
}
.divas-caption h1 {
	font-weight: 900;
	font-size: 4.8em;
	line-height: 1.1;
}
.divas-caption p {
	font-style: italic;
	font-size: 1.6em;
}
/* * divas navigation bullets */
.divas-bullets {
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}
.divas-bullets ul {
	list-style: none;
}
.divas-bullet {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 1.5em;
	display: inline-block;
	height: 16px;
	margin: 0 0.3em;
	text-indent: -9999px;
	width: 16px;
}
.divas-bullet-current {
	background-color: rgba(0, 0, 0, 0.25);
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Pfeilboxem:::::::::::::::::::::::::::::::::*/
.arrowtop-gruenschwarz { position: relative; display: block; background: #253842; padding: 16px; margin: 16px 0px 3px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowtop-gruenschwarz:after,
.arrowtop-gruenschwarzbefore { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowtop-gruenschwarz1:after { border-color: rgba(0, 0, 0, 0); border-bottom-color: #253842; border-width: 10px; margin-left: -10px; }
.arrowtop-gruenschwarz:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width:13px; margin-left: -13px; }
.arrowright-gruenschwarz { position: relative; display: block;background: #253842; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowright-gruenschwarz:after,
.arrowright-gruenschwarz:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowright-gruenschwarz:after { border-color: rgba(0, 0, 0, 0); border-left-color: #253842; border-width: 10px; margin-top: -10px; }
.arrowright-gruenschwarz:before { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 13px; margin-top: -13px; }
.arrowbottom-gruenschwarz { position: relative; display: block; background: #253842; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowbottom-gruenschwarz:after,
.arrowbottom-gruenschwarz:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowbottom-gruenschwarz:after { border-color: rgba(0, 0, 0, 0); border-top-color: #253842; border-width: 10px; margin-left: -10px; }
.arrowbottom-gruenschwarz:before { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 13px; margin-left: -13px; }
.arrowleft-gruenschwarz { position: relative; display: block; background: #253842; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border: 2px solid #ffffff; }
.arrowleft-gruenschwarz:after,
.arrowleft-gruenschwarz:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowleft-gruenschwarz:after { border-color: rgba(0, 0, 0, 0); border-right-color: #253842; border-width: 10px; margin-top: -10px; }
.arrowleft-gruenschwarz:before { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 13px; margin-top: -13px; }
.arrowtop-blackblue { position: relative; display: block; background: #2B2726; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowtop-blackblue:after,
.arrowtop-blackblue:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowtop-blackblue:after { border-color: rgba(0, 0, 0, 0); border-bottom-color: #2B2726; border-width: 10px; margin-left: -10px; }
.arrowtop-blackblue:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width:13px; margin-left: -13px; }
.arrowright-blackblue { position: relative; display: block;background: #2B2726; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowright-blackblue:after,
.arrowright-blackblue:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowright-blackblue:after { border-color: rgba(0, 0, 0, 0); border-left-color: #2B2726; border-width: 10px; margin-top: -10px; }
.arrowright-blackblue:before { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 13px; margin-top: -13px; }
.arrowbottom-blackblue { position: relative; display: block; background: #2B2726; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowbottom-blackblue:after,
.arrowbottom-blackblue:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowbottom-blackblue:after { border-color: rgba(0, 0, 0, 0); border-top-color: #2B2726; border-width: 10px; margin-left: -10px; }
.arrowbottom-blackblue:before { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 13px; margin-left: -13px; }
.arrowleft-blackblue { position: relative; display: block; background: #2B2726; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border: 2px solid #ffffff; }
.arrowleft-blackblue:after,
.arrowleft-blackblue:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowleft-blackblue:after { border-color: rgba(0, 0, 0, 0); border-right-color: #2B2726; border-width: 10px; margin-top: -10px; }
.arrowleft-blackblue:before { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 13px; margin-top: -13px; }
.arrowtop-blue { position: relative; display: block; background: #0099cc; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowtop-blue:after,
.arrowtop-blue:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowtop-blue:after { border-color: rgba(0, 0, 0, 0); border-bottom-color: #0099cc; border-width: 10px; margin-left: -10px; }
.arrowtop-blue:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width:13px; margin-left: -13px; }
.arrowright-blue { position: relative; display: block; background: #0099cc; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowright-blue:after,
.arrowright-blue:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowright-blue:after { border-color: rgba(0, 0, 0, 0); border-left-color: #0099cc; border-width: 10px; margin-top: -10px; }
.arrowright-blue:before { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 13px; margin-top: -13px; }
.arrowbottom-blue { position: relative; display: block; background: #0099cc; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowbottom-blue:after,
.arrowbottom-blue:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowbottom-blue:after { border-color: rgba(0, 0, 0, 0); border-top-color: #0099cc; border-width: 10px; margin-left: -10px; }
.arrowbottom-blue:before { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 13px; margin-left: -13px; }
.arrowleft-blue { position: relative; display: block; background: #0099cc; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border: 2px solid #ffffff; color: #ffffff!important; }
.arrowleft-blue:after,
.arrowleft-blue:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowleft-blue:after { border-color: rgba(0, 0, 0, 0); border-right-color: #0099cc; border-width: 10px; margin-top: -10px; }
.arrowleft-blue:before { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 13px; margin-top: -13px; }
.arrowtop-green { position: relative; display: block; background: #00CCCC; padding: 16px; margin: 10px 0px; border: 2px solid #ffffff; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowtop-green:after,
.arrowtop-green:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowtop-green:after { border-color: rgba(0, 0, 0, 0); border-bottom-color: #00CCCC; border-width: 10px; margin-left: -10px; }
.arrowtop-green:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width:13px; margin-left: -13px; }
.arrowright-green { position: relative; display: block; background: #00CCCC; padding: 16px; margin: 10px 0px; border: 2px solid #ffffff; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowright-green:after,
.arrowright-green:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowright-green:after { border-color: rgba(0, 0, 0, 0); border-left-color: #00CCCC; border-width: 10px; margin-top: -10px; }
.arrowright-green:before { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 13px; margin-top: -13px; }
.arrowbottom-green { position: relative; display: block; background: #00CCCC; padding: 16px; margin: 10px 0px; border: 2px solid #ffffff; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowbottom-green:after,
.arrowbottom-green:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowbottom-green:after { border-color: rgba(0, 0, 0, 0); border-top-color: #00CCCC; border-width: 10px; margin-left: -10px; }
.arrowbottom-green:before { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 13px; margin-left: -13px; }
.arrowleft-green { position: relative; display: block; background: #00CCCC; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border: 2px solid #ffffff; color:#ffffff!important;}
.arrowleft-green:after,
.arrowleft-green:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowleft-green:after { border-color: rgba(0, 0, 0, 0); border-right-color: #00CCCC; border-width: 10px; margin-top: -10px; }
.arrowleft-green:before { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 13px; margin-top: -13px; }
.arrowtop-lightgreen { position: relative; display: block; background: #DAE6DC; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowtop-lightgreen:after,
.arrowtop-lightgreen:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowtop-lightgreen:after { border-color: rgba(0, 0, 0, 0); border-bottom-color: #DAE6DC; border-width: 10px; margin-left: -10px; }
.arrowtop-lightgreen:before { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width:13px; margin-left: -13px; }
.arrowright-lightgreen { position: relative; display: block; background: #DAE6DC; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowright-lightgreen:after,
.arrowright-lightgreen:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowright-lightgreen:after { border-color: rgba(0, 0, 0, 0); border-left-color: #DAE6DC; border-width: 10px; margin-top: -10px; }
.arrowright-lightgreen:before { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 13px; margin-top: -13px; }
.arrowbottom-lightgreen { position: relative; display: block; background: #DAE6DC; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; color: #ffffff!important;}
.arrowbottom-lightgreen:after,
.arrowbottom-lightgreen:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowbottom-lightgreen:after { border-color: rgba(0, 0, 0, 0); border-top-color: #DAE6DC; border-width: 10px; margin-left: -10px; }
.arrowbottom-lightgreen:before { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 13px; margin-left: -13px; }
.arrowleft-lightgreen { position: relative; display: block; background: #DAE6DC; padding: 16px; margin: 10px 0px; border-radius: 6px; -moz-border-radius: px; -webkit-border-radius: 6px; -ms-border-radius: 6px; border: 2px solid #ffffff; color:#ffffff!important;}
.arrowleft-lightgreen:after,
.arrowleft-lightgreen:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrowleft-lightgreen:after { border-color: rgba(0, 0, 0, 0); border-right-color: #DAE6DC; border-width: 10px; margin-top: -10px;}
.arrowleft-lightgreen:before { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 13px; margin-top: -13px;}


div.fx{
  position:relative;
  display: block;
  float: left;
  width: 100%;
  min-height: 500px;
  height: auto;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
}


.ca-sub1 > a.mbfxthemecontentlink{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  font-size: 1.25em;
  line-height: 1.25em;
  padding: 0.495em 0;
  margin: 0.975em 0em;
  text-align: center;
  overflow: hidden;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
ul.ca-menu01 .ca-sub1 a.mbfxthemecontentlink{
  background: #74777B;
  color: #fff;
  border-radius: 3px;
}
ul.ca-menu04 .ca-sub1 a.mbfxthemecontentlink{
  background: #696969;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
}
ul.ca-menu06 .ca-sub1 a.mbfxthemecontentlink{
  background: transparent;
  color: #00ccff;
  border: 1px solid #00ccff;
  border-radius: 3em;
  font-weight: bold;
}
ul.ca-menu06 .ca-sub1 a.mbfxthemecontentlink:hover{
  background: #00ccff;
  color: #fff;
  border: 1px solid #ffffff;
  border-radius: 0 0 1em 1em;
  font-weight: normal;
}
ul.ca-menu06 .ca-sub1 a.mbfxthemecontentlink:hover::after{
  content: 'GO';
  background: #00ccff;
  color: #fff;
  border-radius: 0 0 1em 1em;
  font-weight: bold;
}
ul.ca-menu07 .ca-sub1 a.mbfxthemecontentlink{
  background: #ff2020;
  color: #fff;
  border-radius: 10px;
  opacity: 1;
}
ul.ca-menu07 .ca-sub1 a.mbfxthemecontentlink:hover{
  background: #ff2020;
  color: #fff;
  border-radius: 10px;
  opacity: 0.6;
}
ul.ca-menu-borderbox .ca-sub1 a.mbfxthemecontentlink{
  width: 74%;
  background: #fff;
  color: #333333;
  margin: 8% 13%;
  border-radius: 6px;
  border: 1px solid #333333;
  opacity: 1;
}
ul.ca-menu-borderbox .ca-sub1 a.mbfxthemecontentlink:hover{
  width: 74%;
  background: #333333;
  color: #fff;
  margin: 8% 13%;
  border-radius: 26px;
  border: 1px solid #333333;
  opacity: 1;
}

.ca-main1, .ca-sub1, ul.ca-menu01, ul.ca-menu04, ul.ca-menu06, ul.ca-menu07, ul.ca-menu-bs, ul.ca-menu-stitch, ul.ca-menu-borderbox{
position: relative;
display: block;
float: left;
padding:0;
width: 100%;
}

.ca-content1{
position: relative;
display: block;
margin-top: 60%;
left:0;
width: 100%;
height: auto;
overflow: hidden;
}

span.ca-icon, span.ca-bild{
position: absolute;
display: block;
top: 7%;
left:0;
width: 100%;
height: 40%;
}

span.ca-bild{
top: 5%;
padding: 0 2.45em 1em 2.45em;
}
span.ca-bild > img{
border-radius: 1%;
}

.ca-main1{
  margin: 1.95em 0px 1em;
  padding: 0;
}
li > div.fx > span.ca-icon > i:before{
  margin: 0;
}
li > div.fx > span.ca-icon{
    font-size: 2.5em;
    text-align: center;
}
li > div.fx > span.ca-icon i{}



li > div.fx > span.ca-bild > img{
  padding: 0.375em 0;
}

li > div.fx > .ca-content{
    height: 60%;
    padding: 0em 0.975em;
    box-sizing: border-box;
}
li > div.fx > .ca-content > .ca-sub1{
    padding: 0.975em;
    box-sizing: border-box;
}



ul.ca-menu01{}
ul.ca-menu01 li > div.fx{
    border: 0.05em solid #e9e9e9;
    border-radius: 12px;
    background: #f9f9f9; /* Old browsers */
    /*background: -moz-linear-gradient(left, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
    /*background: linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
    background: rgb(216, 216, 216);
    background: -moz-linear-gradient(145deg, rgb(216, 216, 216) 0%, rgb(244, 244, 244) 55%);
    background: -webkit-linear-gradient(145deg, rgb(216, 216, 216) 0%, rgb(244, 244, 244) 55%);
    background: -o-linear-gradient(145deg, rgb(216, 216, 216) 0%, rgb(244, 244, 244) 55%);
    background: -ms-linear-gradient(145deg, rgb(216, 216, 216) 0%, rgb(244, 244, 244) 55%);
    background: linear-gradient(235deg, rgb(216, 216, 216) 0%, rgb(244, 244, 244) 55%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
ul.ca-menu01 li:last-child{
    margin-right: 0px;
}

ul.ca-menu01 li span.ca-icon{
    color: #ddd;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

ul.ca-menu01 li .ca-main1{
    color: #999999;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: bold;
    border-top: 0.15em solid #e9e9e9;
    border-bottom: 0.15em solid #e9e9e9;
    opacity: 0.75;
    text-transform: uppercase;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
ul.ca-menu01 .ca-sub1, ul.ca-menu01 .ca-sub1 p{
    color: #333333000;
    font-size: 1em;
    line-height: 1.618em;
    opacity: 0.75;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
ul.ca-menu01 li:hover{
    background:#fff;
}
ul.ca-menu01 li:hover span.ca-icon{
    color: #ddd;
    font-size: 2em;
    line-height: 2em;
    opacity: 0.75;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
    -webkit-animation: moveFromBottom 400ms ease;
    -moz-animation: moveFromBottom 400ms ease;
    -ms-animation: moveFromBottom 400ms ease;
}

ul.ca-menu01 li:hover .ca-main1{
    color: #999999;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: bold;
    border-top: 0.15em solid #e9e9e9;
    border-bottom: 0.15em solid #e9e9e9;
    opacity: 0.75;
    opacity: 1;
    -webkit-animation: moveFromRight 300ms ease;
    -moz-animation: moveFromRight 300ms ease;
    -ms-animation: moveFromRight 300ms ease;
}
ul.ca-menu01 li:hover .ca-sub1, ul.ca-menu01 li:hover .ca-sub1 p{
    font-size: 1em;
    color: #333333000;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromLeft{
    from {
        -webkit-transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromLeft{
    from {
        -moz-transform: translateX(-100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromLeft{
    from {
        -ms-transform: translateX(-100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::CA-MENU 04:::::::::::::::::::::::::*/

ul.ca-menu04{
    padding:0;
}
ul.ca-menu04 li > div.fx{
    border: 0px solid #fff;
    background: #696969;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
ul.ca-menu04 li:last-child{
    margin-right: 0px;
}

ul.ca-menu04 span.ca-icon{
    color: #F0F0F0;
    font-size: 36px;
    text-align: center;
    text-shadow: 1px 0px 1px rgba(255,255,255,0.7);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

ul.ca-menu04 .ca-main1{
    padding: 0.975em 0 0 0;
    font-size: 1.75em;
    line-height: 2em;
    color: #F0F0F0;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
ul.ca-menu04 .ca-sub1, ul.ca-menu04 .ca-sub1 p{
    color: #F0F0F0;
    font-size: 1em;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
ul.ca-menu04 li:hover{
    background-color: transparent;
}
ul.ca-menu04 li:hover .ca-icon{
    top: 10%;
    text-shadow: 0px 0px 6px #fff;
    color: #696969;
    text-align: center;
    -webkit-animation: moveFromTop04 400ms ease;
    -moz-animation: moveFromTop04 400ms ease;
    -ms-animation: moveFromTop04 400ms ease;
}

ul.ca-menu04 li:hover .ca-main1{
    font-size: 1.75em;
    line-height: 2em;
    color: #fff;
    -webkit-animation: moveFromTop04 300ms ease;
    -moz-animation: moveFromTop04 300ms ease;
    -ms-animation: moveFromTop04 300ms ease;
}
ul.ca-menu04 li:hover .ca-sub1, ul.ca-menu04 li:hover .ca-sub1 p{
    color: #F0F0F0;
    font-size: 1em;
    -webkit-animation: moveFromBottom04 500ms ease;
    -moz-animation: moveFromBottom04 500ms ease;
    -ms-animation: moveFromBottom04 500ms ease;
}
@-webkit-keyframes moveFromTop04 {
    from {
        -webkit-transform: translateY(-300%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop04 {
    from {
        -moz-transform: translateY(-300%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop04 {
    from {
        -ms-transform: translateY(-300%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom04 {
    from {
        -webkit-transform: translateY(200%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom04 {
    from {
        -moz-transform: translateY(200%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom04 {
    from {
        -ms-transform: translateY(200%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CA-MENU 06 :::::::::::::::::::::::*/
ul.ca-menu06{
}
ul.ca-menu06 > li > div.fx{
    background: #fff;
    border:  1px solid #00CCFF;
    border-radius: 9px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
ul.ca-menu06 li:last-child{
    margin-right: 0px;
}

ul.ca-menu06 > li > div.fx > span.ca-icon{
    color: #333;
    text-shadow: 0px 0px 1px #333;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}

ul.ca-menu06 li .ca-main1{
    padding: 0.975em 0 0 0;
    color: #999999;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 0.10em dotted #fff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
ul.ca-menu06 .ca-sub1, ul.ca-menu06 .ca-sub1 p{
    font-size: 1em;
    color: #666;
    line-height: 1.5;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

ul.ca-menu06 li:hover > div.fx{
    background-color: #333333;
    border-radius: 24px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
ul.ca-menu06 li:hover > div.fx > span.ca-icon{
    color: #333333000;
    font-size: 2.5em;
    text-shadow: 0px 0px 15px #00ccff;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
ul.ca-menu06 li:hover .ca-main1{
    color: #00ccff;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 0.10em dotted #00ccff;
    -webkit-animation: moveFromLeftRotate06 300ms ease;
    -moz-animation: moveFromLeftRotate06 300ms ease;
    -ms-animation: moveFromLeftRotate06 300ms ease;
}
ul.ca-menu06 li:hover .ca-sub1, ul.ca-menu06 li:hover .ca-sub1 p{
    color: #fff;
    -webkit-animation: moveFromBottom06 500ms ease;
    -moz-animation: moveFromBottom06 500ms ease;
    -ms-animation: moveFromBottom06 500ms ease;
}
@-webkit-keyframes moveFromLeftRotate06{
    from {
        -webkit-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -webkit-transform: translateX(0%) rotate(0deg);
    }
}
@-moz-keyframes moveFromLeftRotate06{
    from {
        -moz-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -moz-transform: translateX(0%) rotate(0deg);
    }
}
@-ms-keyframes moveFromLeftRotate06{
    from {
        -ms-transform: translateX(-100%) rotate(-90deg);
    }
    to {
        -ms-transform: translateX(0%) rotate(0deg);
    }
}

@-webkit-keyframes moveFromBottom06 {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom06 {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom06 {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CA-MENU 07 :::::::::::::::::::::::*/
ul.ca-menu07{}
ul.ca-menu07 li > div.fx{
    background: #fff;
/*    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
*/  padding: 0.975em 1.95em;
    border: 1px solid #ff2020;
    border-radius: 12px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
ul.ca-menu07 li:last-child{
    margin-right: 0px;
}

ul.ca-menu07 > li > div.fx > span.ca-icon{
    top:0;
    padding-top: 10%;
    font-size: 2.25em;
    color: #ff2020;
    background: #fff;
    text-shadow: none;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
ul.ca-menu07 .ca-content1{}

ul.ca-menu07 .ca-main1{
    font-size: 2em;
    line-height: 2em;
    color: #ff2020;
    border-bottom: 2px solid #ff2020;
    background: transparent;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
ul.ca-menu07 .ca-sub1{
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
ul.ca-menu07 .ca-sub1 p{
    color: #ff2020;
}
ul.ca-menu07 li:hover > div.fx{
  border-radius: 16px;
  background-color: #fff;
}
ul.ca-menu07 > li:hover > div.fx > span.ca-icon{
    font-size: 2.25em;
    line-height: 2.25em;
    color: #ff2020;
    background: #ff2020;
    text-shadow: 3px 3px 16px #fff;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    -webkit-animation: moveFromBottom07 300ms ease;
    -moz-animation: moveFromBottom07 300ms ease;
    -ms-animation: moveFromBottom07 300ms ease;
}
ul.ca-menu07 li:hover .ca-main1{
    font-size: 2em;
    line-height: 2em;
    border-bottom: 2px solid #fff;
    background: transparent;
    top:0;
    color: #fff;
    opacity: 1;
    text-transform: uppercase;
    -webkit-animation: smallToBig07 300ms ease;
    -moz-animation: smallToBig07 300ms ease;
    -ms-animation: smallToBig07 300ms ease;
}
ul.ca-menu07 li:hover .ca-sub1{
    opacity: 1;
    -webkit-animation: moveFromBottom07 500ms ease;
    -moz-animation: moveFromBottom07 500ms ease;
    -ms-animation: moveFromBottom07 500ms ease;
}
ul.ca-menu07 li:hover .ca-sub1 p{
  color: #ff2020;
}

@-webkit-keyframes smallToBig07{
    from {
        -webkit-transform: scale(0.1);
    }
    to {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes smallToBig07{
    from {
        -moz-transform: scale(0.1);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes smallToBig07{
    from {
        -ms-transform: scale(0.1);
    }
    to {
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes moveFromBottom07 {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom07 {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom07 {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CA-MENU - Ecke-Fold::::::::::::::*/

ul.ca-menu-folds li > div.fx{
    color: #666666;
    background: #e9e9e9;
    border-radius: 0.5em;
}


ul.ca-menu-folds li > div.fx:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 4em 4em 0;
  border-style: solid;
  border-color: #666666 #fff;
  -webkit-box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
  -moz-box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
  box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
}
ul.ca-menu-folds li > div.fx p{
    color: #666666;
}
ul.ca-menu-folds li > div.fx a{
    color: #666666;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
ul.ca-menu-folds li > div.fx > span.ca-icon{
    font-size: 2.5em;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CA-MENU - Ecke-Fold-RUND::::::::::::::*/
ul.ca-menu-foldround li > div.fx{
    color: #666666;
    background: #e9e9e9;
    border-radius: 0.5em;
}


ul.ca-menu-foldround li > div.fx:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  -webkit-box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
  -moz-box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
    border-width: 4em;
    border-color:#666666 #666666 transparent transparent;
    -moz-border-radius:0 0 0 5em;
    border-radius:0 0 0 5em;
    -webkit-border-bottom-left-radius:5em;
/*
    in Chrome, radius must be 1
    px/em wider than border-width
    otherwise the bg colour is not shown
*/
}
ul.ca-menu-foldround li > div.fx p{
    color: #666666;
}
ul.ca-menu-foldround li > div.fx a{
    color: #666666;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
}
ul.ca-menu-foldround li > div.fx > span.ca-icon{
    font-size: 2.5em;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CA-Menu-BS - simple Boxstyles ohne FX ::::::*/
ul.ca-menu-bs li > div.fx{
    border: 0.05em solid #e9e9e9;
    color: #00CCCC;
    -webkit-border-radius: 12px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 12px;
    -moz-border-radius-topleft: 0;
    border-radius: 12px;
    border-top-left-radius: 0;
    -webkit-box-shadow: 4px 5px 0px -1px rgba(50, 50, 50, 0.67);
    -moz-box-shadow:    4px 5px 0px -1px rgba(50, 50, 50, 0.67);
    box-shadow:         4px 5px 0px -1px rgba(50, 50, 50, 0.67);
}
ul.ca-menu-bs li > div.fx p{
    color: #999999;
}
ul.ca-menu-bs > li > div.fx > span.ca-icon{
  font-size: 2.5em;
}
ul.ca-menu-bs > li > div.fx > .ca-content1{
  margin-top: 15em;
}

ul.ca-menu-bs .ca-sub1 a.mbfxthemecontentlink{
  margin: 1.95em 0 0 0;
  background: #00cccc;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0px;
  border-radius:12px;
  border-bottom: 2px solid #fff;
  opacity: 1;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}
ul.ca-menu-bs .ca-sub1 a.mbfxthemecontentlink:hover{
  background: #fff;
  color: #00cccc;
  font-weight: 700;
  font-size: 20px;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform:uppercase;
  border-radius:0px;
  border-bottom: 2px solid #00cccc;
  opacity: 1;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}
ul.ca-menu-bs .ca-sub1 a.mbfxthemecontentlink::after{
  content: ' ?';
  font-weight: 700;
  color: #00cccc;
  opacity: 1;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}
ul.ca-menu-bs .ca-sub1 a.mbfxthemecontentlink:hover::after{
  content: ' ?';
  font-weight: 900;
  color: #FF6666;
  opacity: 1;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: CA-MENU-Borderbox ::::::::::::::*/

ul.ca-menu-borderbox > li > div.fx{
border: 1px solid #f4f4f4;
}
ul.ca-menu-borderbox > li > div.fx > span.ca-icon{
font-size: 2em;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::OLEVMEDIA CUSTOM ::::::::::*/

span.arrow-bottom::after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 20px solid transparent;
	border-top-color: #333;
    top: 100%;
	left: 42%;
    opacity: 0.3;
}
ul#pfeilbox {
margin-bottom: 52px;
margin-bottom: 5.2rem;
}
a.mbfx-link{
  margin: 26px 0px;
  margin: 26rem 0rem;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::view-FIRST:::::::::::::::::::::::::*/
ul.view{
position: relative;
display:block;
float: left;
width: 100%;
height: auto;
padding:0;
margin: 0;
border-radius: 0px;
overflow: hidden;
}

ul.view li{
position: relative;
display: block;
float: left;
height: auto;
padding: 0;
margin: 0;
border-radius: 0px;
}

ul.view > li > div.fx{
position: relative;
display: block;
float: left;
width: 100%;
min-height: 100%;
padding: 0;
margin: 0px;
border-radius: 0px;
overflow: hidden;
}

.view > li > div.fx > .ca-content1{
  position: absolute
  display: block;
  top:0;
  left:0;
  display: block;
  width: 100%;
  height: auto;
  padding: 1.95em;
  margin: 0;
  overflow: hidden;
}
.view > li > div.fx > span.ca-bild, .view > li > div.fx > span.ca-icon{
  position: absolute
  display: block;
  top:0;
  left:0;
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.view > li > div.fx > .ca-content1{}
.view > li > div.fx > span.ca-icon i{font-size: 3em; vertical-align: center;}


.view > li > div.fx > .ca-content1 > .ca-main1{
    position: relative;
    display: block;
    float: left;
    width:100%;
    height: 30%;
    padding: 0;
    margin: 0;
}
.view > li > div.fx > .ca-content1 > .ca-sub1{
    position: relative;
    display: block;
    float: left;
    width:100%;
    height: auto;
    padding: 0;
    margin:0;
}


.view-first > li > span.ca-bild img {
  max-width:100%;
  height: 100%;
  padding:0;
  margin: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.view-first > li > div.fx > .ca-content1 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first > li > div.fx > .ca-content1 > .ca-main1 {
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first > li > div.fx > .ca-content1 > .ca-sub1 {
   -webkit-transform: translateY(100%);
   -moz-transform: translateY(100%);
   -o-transform: translateY(100%);
   -ms-transform: translateY(100%);
   transform: translateY(100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first > li:hover span.ca-bild img, .view-first > li:hover span.ca-icon i {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first > li > div.fx > .ca-content1 > .ca-sub1 a.mbfxthemecontentlink {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first > li:hover > div.fx > .ca-content1 {
  height: 80%;
  border: 1em solid #666666;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first > li:hover > div.fx > .ca-content1 > .ca-main1,
.view-first > li:hover > div.fx > .ca-content1 > .ca-sub1,
.view-first > li:hover > div.fx > .ca-content1 > .ca-sub1 a.mbfxthemecontentlink {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first > li:hover > div.fx > .ca-content1 > .ca-sub1 {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first > li:hover > div.fx > .ca-content1 > .ca-sub1 a.mbfxthemecontentlink {
  color: #333333;
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: VIEW-SECOND ::::::::::::*/
.view-second > li > div.fx > span.ca-bild, .view-second > li > div.fx > span.ca-icon {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.view-second > li > div.fx > span.ca-icon i {
  font-size: 500%;
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.view-second > li > div.fx > .ca-content1 {
  height: 76%;
  padding:0.975em;
  margin: 0;
   background-color: rgba(115,146,184, 0.7);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translate(100%, 100%) rotate(45deg);
   -moz-transform: translate(100%, 100%) rotate(45deg);
   -o-transform: translate(100%, 100%) rotate(45deg);
   -ms-transform: translate(100%, 100%) rotate(45deg);
   transform: translate(100%, 100%) rotate(45deg);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second > li > div.fx > .ca-content1 > .ca-main1 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 2em 0;
   -webkit-transform: translate(100%, -100%);
   -moz-transform: translate(100%, -100%);
   -o-transform: translate(100%, -100%);
   -ms-transform: translate(100%, -100%);
   transform: translate(100%, -100%);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second > li > div.fx > .ca-content1 >.ca-sub1 {
   -webkit-transform: translate(100%, -100%);
   -moz-transform: translate(100%, -100%);
   -o-transform: translate(100%, -100%);
   -ms-transform: translate(100%, -100%);
   transform: translate(100%, -100%);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-second > li > div.fx > .ca-content1 >.ca-sub1 p {
color: #fff;
font-size: 0.84em;
line-height: 1.24em;
}
.view-second > li > div.fx > .ca-content1 > .ca-sub1 a.mbfxthemelink {
   -webkit-transform: translate(0px, 50%);
   -moz-transform: translate(0px, 50%);
   -o-transform: translate(0px, 50%);
   -ms-transform: translate(0px, 50%);
   transform: translate(0px, 50%);
   -webkit-transition: all 0.2s 0.1s ease-in-out;
   -moz-transition: all 0.2s 0.1s ease-in-out;
   -o-transition: all 0.2s 0.1s ease-in-out;
   -ms-transition: all 0.2s 0.1s ease-in-out;
   transition: all 0.2s 0.1s ease-in-out;
}
.view-second > li:hover > div.fx > .ca-content1 {
  background: #333333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translate(0%, 0%) rotate(0deg);
   -moz-transform: translate(0%, 0%) rotate(0deg);
   -o-transform: translate(0%, 0%) rotate(0deg);
   -ms-transform: ttranslate(0%, 0%) rotate(0deg);
   transform: translate(0%, 0%) rotate(0deg);
}
.view-second > li:hover > div.fx > .ca-content1 >.ca-main1 {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
.view-second > li:hover > div.fx > .ca-content1 >.ca-sub1 {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-second > li:hover > div.fx > .ca-content1 >.ca-sub1 a.mbfxthemelink {
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: VIEW-FOURTH ::::::::::::*/
.view-fourth > li > div.fx > span.ca-bild, .view-fourth > li > div.fx > span.ca-icon {
     border: 1px solid #fff;
   -webkit-transition: all 0.4s ease-in-out 0.2s;
   -moz-transition: all 0.4s ease-in-out 0.2s;
   -o-transition: all 0.4s ease-in-out 0.2s;
   -ms-transition: all 0.4s ease-in-out 0.2s;
   transition: all 0.4s ease-in-out 0.2s;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-fourth > li > div.fx > .content1 {
   background-color: rgba(0,0,0,0.8);
   border: 1px solid #fff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0) rotate(-180deg);
   -moz-transform: scale(0) rotate(-180deg);
   -o-transform: scale(0) rotate(-180deg);
   -ms-transform: scale(0) rotate(-180deg);
   transform: scale(0) rotate(-180deg);
   -webkit-transition: all 0.4s ease-in;
   -moz-transition: all 0.4s ease-in;
   -o-transition: all 0.4s ease-in;
   -ms-transition: all 0.4s ease-in;
   transition: all 0.4s ease-in;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}
.view-fourth > li > div.fx > .ca-content1 > .ca-main1 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth > li > div.fx > .ca-content1 > .ca-sub1 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth > li > div.fx > .ca-content1 > .ca-sub1 a.mbfxthemelink {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
.view-fourth > li:hover > div.fx > .ca-content1 {
  border: 1px solid #e9e9e9;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1) rotate(0deg);
   -moz-transform: scale(1) rotate(0deg);
   -o-transform: scale(1) rotate(0deg);
   -ms-transform: scale(1) rotate(0deg);
   transform: scale(1) rotate(0deg);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-fourth > li:hover > div.fx > span.ca-bild, .view-fourth > li:hover > div.fx > span.ca-icon  {
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-fourth > li:hover > div.fx > .ca-content1 > .ca-main1,
.view-fourth > li:hover > div.fx > .ca-content1 > .ca-sub1,
.view-fourth > li:hover > div.fx > .ca-content1 > .ca-sub1 a.mbfxthemelink {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: VIEW-EIGHT ::::::::*/

.view-eighth > li > div.fx > span.ca-bild, .view-eighth > li > div.fx > span.ca-icon {
  border-top: 0px solid #666666;
}

.view-eighth > li > div.fx > .ca-content1{
   background-color: rgba(255, 255, 255, 0.7);
   top: 100%;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.view-eighth > li > div.fx > .ca-content1 > .ca-main1 {
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.view-eighth > li > div.fx > .ca-content1 > .ca-sub1 {
   color: #333;
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s;
}
.view-eighth > li > div.fx > .ca-content1 > .ca-sub1 a.mbfxthemelink {
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;
}
.view-eighth > li:hover > div.fx > .ca-content1 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   background:#FF6666;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;
}
.view-eighth > li:hover > div.fx > .ca-content1 p, .view-eighth > li:hover > div.fx > .ca-content1 h2 {
color: #fff;
}

.view-eighth > li:hover > div.fx > .ca-content1 > .ca-main1 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-eighth > li:hover > div.fx > .ca-content1 > .ca-sub1 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-eighth > li:hover > div.fx > .ca-content1 > .ca-sub1 a.mbfxthemelink {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-100%);}
    40% { transform: translateY(-50%);}
    65% { transform: translateY(-22.5%);}
    82% { transform: translateY(-22%);}
    92% { transform: translateY(-11%);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
    0% { transform: translateY(-100%);}
    40% { transform: translateY(-50%);}
    65% { transform: translateY(-22.5%);}
    82% { transform: translateY(-22%);}
    92% { transform: translateY(-11%);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
    0% { transform: translateY(-100%);}
    40% { transform: translateY(-50%);}
    65% { transform: translateY(-22.5%);}
    82% { transform: translateY(-22%);}
    92% { transform: translateY(-11%);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: VIEW-FIFTH :::::::::::::::::::::::::::*/
.view-fifth > li > div.fx > span.ca-bild, .view-fifth > li > div.fx > span.ca-icon {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth > li > div.fx > .ca-content1 {
   background-color: rgba(146,96,91,0.3);
   -webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
   -o-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth > li > div.fx > .ca-content1 .ca-main1 {
   background: rgba(255, 255, 255, 0.5);
   color: #333333;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth > li > div.fx > .ca-content1 .ca-sub1 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth > li:hover > div.fx > .ca-content1 {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth > li:hover > div.fx > span.ca-bild, .view-fifth > li:hover > div.fx > span.ca-icon{
   -webkit-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -o-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
}
.view-fifth > li:hover > div.fx > .ca-content1 .ca-sub1 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: VIEW TEN :::::::::::::::*/

.view-ten > li > div.fx > span.ca-bild, .view-ten > li > div.fx > span.ca-icon {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-ten > li > div.fx > .ca-content1 {
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-ten > li > div.fx > .ca-main1 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-ten > li > div.fx > .ca-sub1 {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-ten > li > div.fx > .ca-sub1 a.mbfxthemelink {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-ten > li:hover > div.fx > span.ca-bild, .view-ten > li > div.fx > span.ca-icon {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-ten > li:hover > div.fx > .ca-content1 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.view-ten > li:hover > div.fx > .ca-main1,
.view-ten > li:hover > div.fx > .ca-sub1,
.view-ten > li:hover > div.fx > .ca-sub1 a.mbfxthemelink{
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: animated-hover-boxes-ss3 :::::::::::*/
div.view-tenth{
  position: relative;
 float:left;
 width: 33%;
 min-height: 275px;
 margin: 0 0 2.56rem 0;
 padding: 16px;
 padding: 1.6rem;
  overflow: hidden;
  background: #ffffff;
  border-right: 1px solid #00cccc;
}

.view-tenth .mask,.view-tenth .content {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}
.view-tenth img {
   display: block;
   position: relative;
}
.view-tenth h3 {
   position: relative;
   display: block;
   width: 100%;
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   font-size: 1.2em;
   padding: 6px;
   background: rgba(0, 0, 0, 0.8);
   text-align: center;
}
.view-tenth p {
   font-size: .85em;
   position: relative;
   color: #fff;
   padding: 16px;
   padding: 1.6rem;
   text-align: center;
}
.view-tenth a.info {
   display: block;
   width: 75%;
   text-decoration: none;
   text-align: center;
   padding: 7px 14px;
   background: #fff;
   font-size: 1.65em;
   color: #00CCCC;
   text-transform: uppercase;
   margin-left: auto;
   margin-right: auto;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}
.view-tenth a.info:hover {
   -webkit-box-shadow: 0 0 5px #333333;
   -moz-box-shadow: 0 0 5px #333333;
   box-shadow: 0 0 5px #333333;
}
.view-tenth a.t-overlay {
		display:block;
		z-index:5;
		position:absolute;
        top:0;
        left:0;
		width:100%;
		height:100%;
	}
.view-tenth img.wp-post-image {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.25s ease-in-out;
   -moz-transition: all 0.25s ease-in-out;
   -o-transition: all 0.25s ease-in-out;
   -ms-transition: all 0.25s ease-in-out;
   transition: all 0.25s ease-in-out;
}
.view-tenth .mask {
   background-color: #00cccc;
   -webkit-transition: all 0.25s linear;
   -moz-transition: all 0.25s linear;
   -o-transition: all 0.25s linear;
   -ms-transition: all 0.25s linear;
   transition: all 0.25s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h3 {
   background: transparent;
   margin: 0;
   padding: 26px 0 16px 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #fff;
   -webkit-transition: all 0.25s linear;
   -moz-transition: all 0.25s linear;
   -o-transition: all 0.25s linear;
   -ms-transition: all 0.25s linear;
   transition: all 0.25s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #fff;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.25s linear;
   -moz-transition: all 0.25s linear;
   -o-transition: all 0.25s linear;
   -ms-transition: all 0.25s linear;
   transition: all 0.25s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.25s linear;
   -moz-transition: all 0.25s linear;
   -o-transition: all 0.25s linear;
   -ms-transition: all 0.25s linear;
   transition: all 0.25s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(8);
   -moz-transform: scale(8);
   -o-transform: scale(8);
   -ms-transform: scale(8);
   transform: scale(8);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h3,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view .searchshort-desc{
  position: absolute;
  right: 0;
  top: 50%;
  width: 40%;
  height: auto;
  color: #fff;
  font-size: .75em;
  line-height: .75em;
  margin: 0;
  padding: 3px;
  background: #00cccc;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: START -FX :::::::::::::::*/
.boxshade {
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(244, 244, 244, 1) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(244, 244, 244, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(244, 244, 244, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(244, 244, 244, 1) 100%);
    background: url(data:image/svg+xml);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 1)), color-stop(100%,rgba(244, 244, 244, 1))))))))));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(244, 244, 244, 1) 100%);
    background: white;
    border: 2px dashed #00cccc;
    padding: 10px;
    box-shadow: inset 0px 0px 3px 1px #ddd;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
    margin: 2px;
    moz-border-radius: 3px;
    border-radius: 3px;
    webkit-border-radius: 3px;
    }
hr.faded {
background-color:#444;
border-width:0;
color:#444;
height:2px;
line-height:0;
margin:-.5em 10px 1.8571em 10px;
page-break-after:always;
text-align:center;
width:80%;
}

hr.faded:after {
content:"\a7\a7";
font-size:1.25em;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: END -FX :::::::::::::::*/


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: WHISTLE-overrides :::::::::::::::*/

H3.whistle-title{
  font-size: 12px!important;
  font-size: 1.2rem!important;
  font-weight: 300!important;
}
.whistles:after, .whistle-content:after{
  height:12px!important;
}

/* www.red-team-design.com/:CSS Document:Rectangle-shaped numbers list-style:www.red-team-design.com/::::::::: */
ul.rectangle-list{
  position:relative;
  float: left;
  display: block;
  width:100%;
overflow: hidden;
}

ul.rectangle-list li {
	position: relative;
    float:left;
    width:100%;
    height: auto;
	padding: .2em .2em .4em 0.75em;
	margin: .5em 0 .5em 2.5em;
	background: #CBCBCB;
	color: #253842;
    font-size: 18.4px;
    font-size: 1.84rem;
	text-decoration: none;
    -moz-border-radius: 0 3px 3px 0px;
	-webkit-border-radius: 0 3px 3px 0px;
    -ms-border-radius: 0 3px 3px 0px;
	border-radius: 0 3px 3px 0px;
    border:2px solid #ffffff;
	transition: all .3s ease-out;
}

ul.rectangle-list li:hover{
	background: #00CCCC;
}

ul.rectangle-list li:before{
  content: ' ';
	position: absolute;
	left: -2.5em;
	top: 52%;
	margin-top: -1em;
	background: #00CCCC;
	height: 1.84em;
	width: 16px;
	line-height: 1.84em;
	text-align: center;
	font-weight: bold;
}

ul.rectangle-list li:after{
	position: absolute;
	content: '';
	border: .55em solid transparent;
	left: -1.75em;
	top: 52%;
	margin-top: -.55em;
    background: transparent;
	transition: all .3s ease-out;
}

ul.rectangle-list li:hover:after{
	left: -1.75em;
	border-left-color: #00cccc;
}



/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0 1% 1% 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: 0;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}    
/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley h2,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}


figure.effect-marley p {
	bottom: 30px;
	line-height: 1.5;
        color:#fff;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-marley h2 {
	top: 30px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-marley:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

ul#shadebox{
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

ul#shadebox li{
  position: relative;
  /*width: 60%;*/
  color: rgba(0,0,0, .8);
  line-height: 1.5;
  border: 0px solid #fff;
  padding: 0.9375em;
}

ul#shadebox li:before, ul#shadebox li:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 8%;
  left: 5%;
  width: 45%;
  top: 80%;
  max-width:100%;
  background: transparent;
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

ul#shadebox li:after{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 5%;
  left: auto;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: figure-styles ::::::::::::::*/

div.snip1113 > figure {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 220px;
  max-width: 310px;
  width: 100%;
  background: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

div.snip1113 > figure * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

div.snip1113 > figure img {
  max-width: 65%;
  margin: 40px auto;
  display: block;
  position: relative;
  border: 3px solid #666666;
  padding: 15px 15px 85px 15px;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

div.snip1113 > figure figcaption {
  position: absolute;
  height: 120px;
  bottom: 0px;
  left: 0;
  right: 0;
  display: block;
}

div.snip1113 > figure h3 {
  background-color: #ffffff;
  color: #333333000;
  font-size: 1.7em;
  width: 100%;
  padding: 5px 12px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
}

div.snip1113 > figure h3 span {
  font-weight: 800;
}

div.snip1113 > figure h4 {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: -1px;
  opacity: 0.6;
  font-size: 1.1em;
}

div.snip1113.blue > img {
  border-color: #2472a4;
}

div.snip1113.blue > h3,
div.snip1113.blue > h4 {
  color: #2472a4!important;
}

@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
div.snip116 > figure {
  color: #fff;
  position: relative;
  float: left;
  margin: 0;
  height: auto;
  background: #ffffff;
  color: #333333000;
  text-align: left;
}

div.snip116 > figure * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

div.snip116 > figure img {
  opacity: 1;
  width: 100%;
  vertical-align: top;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

div.snip116 > figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.snip116 > figure figcaption > div {
  height: 70%;
  overflow: hidden;
  width: 100%;
  position: absolute;
  bottom: 0;
}

div.snip116 > figure h3,
div.snip116 > figure p {
  margin: 0;
  position: absolute;
  right: 0;
}

div.snip116 > figure h3 {
  padding: 0 30px 0 15px;
  color: #ffffff;
  display: inline-block;
  font-weight: 400;
  line-height: 40px;
  text-transform: uppercase;
  top: 30%;
  right: 0;
  left: 30px;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

div.snip116 > figure h3 span {
  font-weight: 400;
}

div.snip116 > figure h3:after,
div.snip116 > figure h3:before {
  border-style: solid;
  content: '';
  position: absolute;
  left: 100%;
}

div.snip116 > figure h3:after {
  border-width: 40px 0 0 12px;
  border-color: transparent transparent transparent #1a1a1a;
  top: 0;
}

div.snip116 > figure h3:before {
  border-width: 12px 12px 0 0;
  border-color: #333333000 transparent transparent transparent;
  top: 100%;
}

div.snip116 > figure p {
  padding: 8px 45px;
  opacity: 0;
  font-size: 0.9em;
  font-weight: 500;
  left: 0;
  -webkit-transform: translate3d(0%, -150%, 0);
  transform: translate3d(0%, -150%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

div.snip116 > figure a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

div.snip116 > figure.blue h3 {
  background-color: #ff0066;
}

div.snip116 > figure.blue h3:after {
  border-color: transparent transparent transparent #ff0066;
}

div.snip116 > figure.blue h3:before {
  border-color: #123851 transparent transparent transparent;
}

div.snip116 > figure.red h3 {
  background-color: #c0392b;
}

div.snip116 > figure.red h3:after {
  border-color: transparent transparent transparent #c0392b;
}

div.snip116 > figure.red h3:before {
  border-color: #581a14 transparent transparent transparent;
}

div.snip116 > figure.green h3 {
  background-color: #27ae60;
}

div.snip116 > figure.green h3:after {
  border-color: transparent transparent transparent #27ae60;
}

div.snip116 > figure.green h3:before {
  border-color: #104627 transparent transparent transparent;
}

div.snip116 > figure.orange h3 {
  background-color: #e67e22;
}

div.snip116 > figure.orange h3:after {
  border-color: transparent transparent transparent #e67e22;
}

div.snip116 > figure.orange h3:before {
  border-color: #7b410e transparent transparent transparent;
}

div.snip116 > figure.navy h3 {
  background-color: #34495e;
}

div.snip116 > figure.navy h3:after {
  border-color: transparent transparent transparent #34495e;
}

div.snip116 > figure.navy h3:before {
  border-color: #07090c transparent transparent transparent;
}

div.snip116 > figure:hover img,
div.snip116 > figure.hover img {
  opacity: 0;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

div.snip116 > figure:hover figcaption h3,
div.snip116 > figure.hover figcaption h3 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

div.snip116 > figure:hover figcaption p,
div.snip116 > figure.hover figcaption p {
  opacity: 0.8;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

div.snip116 > figure:hover{
border: 1px solid #333333;
  opacity: 0.8;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

div.snip1162 > figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  color: #ffffff;
  text-align: center;
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
}
div.snip1162 > figure * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
div.snip1162 > figure img {
  max-width: 100%;
  position: relative;
  padding: 0;
  opacity: 0.9;
}
div.snip1162 > figure figcaption {
  position: absolute;
  top: 45%;
  left: 7%;
  right: 7%;
  bottom: 45%;
  border: 1px solid white;
  border-width: 0 1px 1px;
}
div.snip1162 > figure .heading {
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
div.snip1162 > figure h2 {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-weight: 400;
}
div.snip1162 > figure h2 span {
  font-weight: 800;
}
div.snip1162 > figure h2:before,
div.snip1162 > figure h2:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  background: white;
  top: 50%;
}
div.snip1162 > figure h2:before {
  left: -1000%;
}
div.snip1162 > figure h2:after {
  right: -1000%;
}
div.snip1162 > figure p {
  top: 50%;
  font-size: 0.9em;
  font-weight: 500;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  opacity: 0;
}
div.snip1162 > figure a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
div.snip1162 > figure:hover img,
div.snip1162 > figure.hover img {
  opacity: 0.25;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
div.snip1162 > figure:hover figcaption,
div.snip1162 > figure.hover figcaption {
  top: 7%;
  bottom: 7%;
}
div.snip1162 > figure:hover p,
div.snip1162 > figure.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
div.snip1158 > figure {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 220px;
  max-width: 310px;
  max-height: 220px;
  width: 100%;
  background-color: #333333000;
  color: #ffffff;
  text-align: center;
}
div.snip1158 > figure * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
div.snip1158 > figure img {
  opacity: 0.7;
  max-width: 100%;
}
div.snip1158 > figure:after {
  background: #333333000;
  width: 0;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.snip1158 > figure figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
div.snip1158 > figure h2,
div.snip1158 > figure span {
  margin: 0;
  width: 100%;
}
div.snip1158 > figure h2 {
  font-weight: 400;
  text-transform: uppercase;
}
div.snip1158 > figure span {
  color: #e6e6e6;
  font-weight: 700;
  text-transform: uppercase;
}
div.snip1158 > figure a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
div.snip1158 > figure.blue:after {
  background-color: #2980b9;
}
div.snip1158 > figure.blue span {
  color: #409ad5;
}
div.snip1158 > figure.red:after {
  background-color: #c0392b;
}
div.snip1158 > figure.red span {
  color: #d65548;
}
div.snip1158 > figure.yellow:after {
  background-color: #f39c12;
}
div.snip1158 > figure.yellow span {
  color: #f5b043;
}
div.snip1158 > figure.green:after {
  background-color: #27ae60;
}
div.snip1158 > figure.green span {
  color: #36d278;
}
div.snip1158 > figure:hover img,
div.snip1158 > figure.hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
div.snip1158 > figure:hover:after,
div.snip1158 > figure.hover:after {
  width: 100%;
}
@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,800);
div.snip1144 > figure {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden!important;
  text-align: left;
}

div.snip1144 > figure * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

div.snip1144 > figure img {
  max-width: 100%;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

div.snip1144 > figure figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%) scaleY(0);
  transform: translateY(-50%) scaleY(0);
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

div.snip1144 > figure h3,
div.snip1144 > figure i {
  background: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  line-height: 50px;
}

div.snip1144 > figure h3 {
  margin: 0;
  font-weight: 400;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase;
  background-color: #333333000;
  color: rgba(255, 255, 255, 0);
}

div.snip1144 > figure h3 span {
  font-weight: 800;
}

div.snip1144 > figure i {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 34px;
  color: #333333000;
  width: 50px;
  height: 50px;
  z-index: 1;
  text-align: center;
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
}

div.snip1144 > figure a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

div.snip1144 > figure.blue {
  background-color: #2472a4;
}

div.snip1144 > figure.blue i {
  color: #20638f;
}

div.snip1144 > figure.blue h3 {
  background-color: #20638f;
}

div.snip1144 > figure.red {
  background-color: #ab3326;
}

div.snip1144 > figure.red i {
  color: #962d22;
}

div.snip1144 > figure.red h3 {
  background-color: #962d22;
}

div.snip1144 > figure.yellow {
  background-color: #e08e0b;
}

div.snip1144 > figure.yellow i {
  color: #c87f0a;
}

div.snip1144 > figure.yellow h3 {
  background-color: #c87f0a;
}

div.snip1144 > figure.green {
  background-color: #229955;
}

div.snip1144 > figure.green i {
  color: #1e8449;
}

div.snip1144 > figure.green h3 {
  background-color: #1e8449;
}

div.snip1144 > figure.orange {
  background-color: #d67118;
}

div.snip1144 > figure.orange i {
  color: #bf6516;
}

div.snip1144 > figure.orange h3 {
  background-color: #bf6516;
}

div.snip1144 > figure.navy {
  background-color: #2b3c4e;
}

div.snip1144 > figure.navy i {
  color: #222f3d;
}

div.snip1144 > figure.navy h3 {
  background-color: #222f3d;
}

div.snip1144 > figure.aqua {
  background-color: #17a689;
}

div.snip1144 > figure.aqua i {
  color: #148f77;
}

div.snip1144 > figure.aqua h3 {
  background-color: #148f77;
}

div.snip1144 > figure:hover img,
div.snip1144 > figure.hover img {
  opacity: 0.4;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

div.snip1144 > figure:hover figcaption,
div.snip1144 > figure.hover figcaption {
  -webkit-transform: translateY(-50%) scaleY(1);
  transform: translateY(-50%) scaleY(1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

div.snip1144 > figure:hover h3,
div.snip1144 > figure.hover h3,
div.snip1144 > figure:hover h3 span,
div.snip1144 > figure.hover h3 span {
  color: #ffffff;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

div.snip1144 > figure:hover i,
div.snip1144 > figure.hover i {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/* Mediaquery ----------- Mediaquery ----------- Mediaquery ----------- Mediaquery ----------- Mediaquery ----------- 
Mediaquery ----------- Mediaquery ----------- Mediaquery ----------- Mediaquery ----------- Mediaquery ----------- */

@media only screen and (min-width : 175px) and (max-width : 479px)  {
.test{}
#ueber{
height: auto;
background: transparent !important;
}
#content{
  padding: 0.9375em;
}

.mobiletelefon{
display: block;
border-top: 1px solid #56c7e2;
}

img.hidem{
  max-width: 100px;
  margin: 0 auto;
}

#ueber .m1200 .g5 a {text-align: center;}

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12{
position: relative;
display: block;
float: left;
width: 100%!important;
margin: 0 0 0.975em 0;
padding-left: 0.975em;
padding-right: 0.975em;
}

#ueber{
position: relative;
display: block;
width: 100%;
height: auto;
min-height: 150px;
margin: 0 auto;
padding: 2em 0;
background: #fff;
border-bottom: 0px solid #e5e5e5;
overflow: hidden;
}

.m1200 > div > a img{
position: relative;
display: block;
margin: 0 auto !important;
padding: 0;
max-width: 60%;
height: auto;
}

.mobiletelefon{
  position:relative;
  float: none;
  margin: 0 auto;
display: block;
margin-top: 1em;
max-width: 70%;
}

.m1200 > .last{
/*padding-right: 0.9375em !important;*/
}


.entry-header{
    color: #009b9c;
    border-top: 1px solid #c5c6c6;
    margin: 1em 0;
}

.m1200{
  position: relative;
  display: block;
  float:none;
  max-width: 1200px;
  margin: 0 auto;
  padding:0;
  box-sizing: border-box;
}
nav#site-navigation{
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
margin:0;
padding: 0;
border: 0px;
margin-top: 2em;
}

.menu-hauptmenu-container{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height:auto;
  padding:0;
  margin:0;
  overflow: hidden;
}

ul#menu-hauptmenu{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

ul#menu-hauptmenu li{
    position: relative;
    display: block;
    float: left;
    width: 100%;
    text-transform: uppercase;
    margin: 2px 0;
    padding: 0;
    height:45px;
    line-height: 45px;
    overflow:hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: #fff;
    border: 0px;
}

ul#menu-hauptmenu li:last-child{border: 0px;}

ul#menu-hauptmenu li:hover{
    position: relative;
    display: block;
    float: left;
    width: 100%;
    text-transform: uppercase;
    margin: 2px 0;
    padding: 0;
    height: 45px;
    line-height: 45px;
    overflow:hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
      border: 0px;
}

ul#menu-hauptmenu li a{
    position: relative;
    display: block;
    width: 100%;
    float: left;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 300;
    margin:0;
    padding: 0;
    background: transparent;
    text-align: center;
    color: #000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul#menu-hauptmenu li:hover a{
    position: relative;
    display: block;
    width: 100%;
    float: left;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 300;
    margin:0;
    padding: 0;
    background: transparent;
    text-align: center;
    color: #009b9c;
    overflow:hidden;
    -webkit-animation: moveFromTop 300ms easeIn;
    -moz-animation: moveFromTop 300ms easeIn;
    -ms-animation: moveFromTop 300ms easeIn;
    /*border-bottom: 3px solid #3d3430;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


ul#menu-hauptmenu li.current-menu-item a{
    position: relative;
    display: block;
    width: 100%;
    float: left;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-weight: 700;
    margin:0;
    padding: 0;
    background: transparent;
    -webkit-animation: moveFromTop 300ms easeIn;
    -moz-animation: moveFromTop 300ms easeIn;
    -ms-animation: moveFromTop 300ms easeIn;
    text-align: center;
    color: #009b9c;
    font-weight: 900;
    border: 0px;
    overflow:hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


ul#menu-hauptmenu li.current-menu-item{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

ul#menu-hauptmenu li a{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

}

/* Mediaquery -----------Mediaquery ----------- Mediaquery ----------- Mediaquery ----------- Mediaquery ----------- Mediaquery ----------- 
Mediaquery ----------- Mediaquery ----------- Mediaquery ----------- Mediaquery ----------- Mediaquery ----------- Mediaquery -----------  */

@media only screen and (min-width : 480px) and (max-width : 720px) {
.test{}
.m1200{
  position:relative;
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#content{
  padding: 0.9375em;
}


.mobiletelefon{
  position:relative;
  float: none;
  margin: 0 auto;
display: block;
margin-top: 1em;
max-width: 70%;
}

img.hidem{
display: none;
}

.g1, .g2, .g3, .g4, .g5{
position: relative;
display: block;
float: left;
width: 100%;
margin: 0 0 0.975em 0;
}

.g6, .g7, .g8, .g9, .g10, .g11, .g12{
position: relative;
display: block;
float: left;
width: 100%;
margin: 0 0 0.975em 0;
}

#ueber .m1200 .g5 a {text-align: left;}

.m1200 > div > a img{
position: relative;
display: block;
margin: 1.5em auto;
padding: 0;
max-width: 65%;
height: auto;
}

nav#site-navigation{
  position:relative;
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding:0;
}
ul#menu-hauptmenu li  {
position: relative;
display: block;
float: left;
margin: 0;
width: 20%;
overflow: hidden;
}

ul#menu-hauptmenu li a{font-size: 10px;}
ul#menu-hauptmenu li a:hover{font-size: 10px;}

#page{margin: 0;}





}