@CHARSET "UTF-8";

.clearfix {
  float: none;
  clear: both;
}

/**********************************
FlexRow mit Überschrift ohne Inhalte
***********************************/

.flexrow.cnt0 h2 {
  margin: 17px 0 22px 0;
}


/******************************************
module A1 , A2
*/
.module-a1 {
  float:left;
  margin-left:20px;
  padding: 17px 0 10px 0;
  text-align:left;
  overflow: hidden;
}

.module-a2 {
  float:left;
  margin-left:20px;
  padding: 17px 0 20px 0;
  text-align:left;
  overflow: hidden;
}

.flexrow.cnt1 .module-a1,
.flexrow.cnt1 .module-a2 {
  width: 940px;
}

.flexrow.cnt2 .module-a1,
.flexrow.cnt2 .module-a2 {
  width: 460px;
}

.flexrow.cnt3 .module-a1,.flexrow.cnt3 .module-a2 {
  width: 300px;

}

.flexrow.cnt4 .module-a1,
.flexrow.cnt4 .module-a2 {
  width: 220px;
}

.flexrow.cnt5 .module-a1,
.flexrow.cnt5 .module-a2 {
  width: 172px;
}

.flexrow.cnt6 .module-a1,
.flexrow.cnt6 .module-a2 {
  width: 140px;
}

.elem.idx1 .module-a1,
.elem.idx1 .module-a2,
.elem.idx1 .module-b,
.elem.idx1 .module-c
  {
  margin-left: 0;
}

.flexrow.cnt1 .module-a1 .iWrap,
.flexrow.cnt1 .module-a1 .cWrap {
  width: 460px;
  float: left;
}

.flexrow.cnt1 .module-a2 .iWrap,
.flexrow.cnt1 .module-a2 .cWrap {
  width: 460px;
  float: left;
}

.flexrow.cnt2 .module-a2 .iWrap,
.flexrow.cnt2 .module-a2 .cWrap {
  width: 220px;
  float: left;
}

.flexrow.cnt1 .module-a1 .cWrap {
  margin: 0 0 -10px 19px;
}
.flexrow.cnt2 .module-a1 .cWrap {
  margin: -10px 0 10 0;
}
.flexrow.cnt1 .module-a2 .cWrap,
.flexrow.cnt2 .module-a2 .cWrap
  {
  margin-left: 20px;
  margin-bottom: 10px;
}

.flexrow.cnt1 .module-a1.right .iWrap,
.flexrow.cnt1 .module-a1.right .cWrap,
.flexrow.cnt1 .module-a2.right .iWrap,
.flexrow.cnt1 .module-a2.right .cWrap,
.flexrow.cnt2 .module-a2.right .iWrap,
.flexrow.cnt2 .module-a2.right .cWrap
  {
  float: right;
}

.flexrow.cnt1 .module-a1.right .cWrap,
.flexrow.cnt2 .module-a1.right .cWrap,
.flexrow.cnt1 .module-a2.right .cWrap,
.flexrow.cnt2 .module-a2.right .cWrap
  {
  margin-left: 0;
  margin-right: 20px;
  margin-bottom: 10px;
}

.module-a1 .iWrap,
.module-a2 .iWrap {
  margin: 7px 0 10px 0;
}

.module-a1 .cWrap,
.module-a2 .cWrap{
  margin: 0;
}

.flexrow.cnt3 .module-a1 .cWrap,
.flexrow.cnt4 .module-a1 .cWrap,
.flexrow.cnt5 .module-a1 .cWrap,
.flexrow.cnt6 .module-a1 .cWrap {
  clear: both;
  padding-top: 23px;
}

.flexrow.cnt3 .module-a2 .cWrap h2,
.flexrow.cnt4 .module-a2 .cWrap h2,
.flexrow.cnt5 .module-a2 .cWrap h2,
.flexrow.cnt6 .module-a2 .cWrap h2 {

  padding-top: 13px;
}

.flexrow.cnt3 .module-a2 .cWrap .cta-button2,
.flexrow.cnt4 .module-a2 .cWrap .cta-button2,
.flexrow.cnt5 .module-a2 .cWrap .cta-button2,
.flexrow.cnt6 .module-a2 .cWrap .cta-button2 {
 margin-bottom: 10px;
}
.module-a1 .cWrap .content,
.module-a2 .cWrap .content {
  padding: 1px 0;
}

.module-a1 .iconWrap {
  position: relative;
  float: left;
  margin-right: 20px;
}

.module-a1.right .iconWrap {
  position: relative;
  float: right;
  margin-right: 0px;
  margin-left: 20px;
}

.module-a1 .iconWrap .icon,
.module-product .iWrap > .icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 36px;
  height: 36px;
  background-image: url(../images/plus.png);
  cursor: pointer;
}

.module-a1 .iconWrap .icon.open,
.module-product .iWrap > .icon.open {
  background-image: url(../images/x.png);
}



/**********************************************
module B
*/
.module-b {
  float: left;
  margin-left: 20px;
  padding: 18px 0 29px 0;
}
.module-b .content {
  padding: 1px 0;
}

.flexrow.cnt2 .module-b {
  width: 460px;
}

.flexrow.cnt3 .module-b {
  width: 300px;
}

.flexrow.cnt4 .module-b {
  width: 220px;
}

.flexrow.cnt5 .module-b {
  width: 172px;
}

.flexrow.cnt6 .module-b {
  width: 140px;
}

/**********************************************
module C
*/
.module-c {
  float: left;
  margin-left: 20px;
  padding: 17px 0 10px 0;
}
.module-c .cWrap {
  padding: 1px 0;
}

.flexrow.cnt2 .module-c {
  width: 460px;
}

.flexrow.cnt3 .module-c {
  width: 300px;
}

.flexrow.cnt4 .module-c {
  width: 220px;
}

.module-c .cWrap,
.module-c .image {
  float: left;
}

.module-c .iWrap img{
  margin-top: 20px;
}

.module-c .cta-button2 {
  margin: 1px 0px 19px 0;
}

/************************
  1 Modul in Zeile
  **********************/

.flexrow.cnt1 .module-c .iWrap,
.flexrow.cnt1 .module-c .cWrap {
  float: left;
}

.flexrow.cnt1 .module-c.right .iWrap,
.flexrow.cnt1 .module-c.right .cWrap  {
  float: right;
}

.flexrow.cnt1 .module-c .iWrap {
  width: 300px;
  margin: 0 20px 20px 0;
}

.flexrow.cnt1 .module-c .cWrap {
  width: 620px;
}

.flexrow.cnt1 .module-c.right .iWrap {
  margin: 0 0 10px 0;
  text-align: right;
}


.flexrow.cnt1 .module-c.right .cWrap {
  margin-right: 20px;
}

/************************
  2 Module in Zeile
  **********************/

.flexRow.cnt2 .module-c {
  padding-bottom: 11px;
}

.flexRow.cnt2 .module-c img{
  margin: 20px 20px 19px 0;
  float: left;
}

.flexRow.cnt2 .module-c.right IMG {
  float: right;
  margin-right: 0px;
  margin-left: 20px;
}

/************************
  3 - 4 Module in Zeile
  **********************/

/******************************************
Breite der Textspalten damit Bild nicht umflossen wird
*******************************************/
/*
.flexrow.cnt2 .content {
  width: 220px;
}
*/
/******************************************
FormRow ohne Textblock links
*******************************************/
.formRow {
  text-align: left;
}

.formRow .outer-content-wrap {
  background: white;
}

.formRow .inner-content-wrap {
  width: 50%;
  margin: 3px auto 0;
}


.formRow .fWrap {
  width: 472px;
}

.formRow .fWrap h2 {
  color: #969696;
  font-family:"FS Albert Web Light", Arial, Helvetica, Verdana , sans-serif;
  font-size-adjust:0.48;
  font-style:normal;
  font-weight:200;
  font-size: 24px;
  line-height: 30px;
  margin: 25px auto -7px 11px;
}
.formRow .fWrap .csc-header h2 {
  color:#FF8700;
  margin: 17px 0 30px 0;

}


.formRow .cWrap {
  float: left;
}

.formRow DIV.clearer {
  clear: both;
}

.formRow .cWrap {
  width: 390px;
  margin-right: 80px;
}

.formRow .cWrap IMG {
  float: left;
  margin: 20px 20px 20px 0;
}

.formRow .cWrap H2 {
  display: none;
}

.formRow .fWrap H2 {
  display: block;
}

/******************************************
FormRow mit Textblock links
*******************************************/


.formRow.with-text .outer-content-wrap {
  position: relative;
  background: url(../images/form-bg.png) center;
}



.formRow.with-text.with-text {
  position: relative;
  margin: 0 auto;
  width: 100%;
      }
.formRow.with-text .outer-content-wrap .content-wrap {
  position: relative;
  margin: 0px auto;
  padding: 0;
  width: 940px;
}

.formRow.with-text .inner-content-wrap {
  position: relative;
  width: 100%;
  padding-top: 33px;
}

.formRow.with-text .cWrap {
  margin-right: 89px;
  width: 379px;
  position: relative;
  padding: 0;
  float: left;
}

.formRow.with-text .fWrap {
  position: relative;
  margin-left: 0px;
  padding: 4px 0 23px 0px;
  float: left;
}

.formRow.with-text .fWrap > H2 {
  display: none;
}

.formRow.with-text .cWrap H2 {
  display: block;
  margin-bottom: -2px;
}

.formRow.with-text .form-arrow {
  background-image: url(../images/pfeil-seite-weiss.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 100px;
  position: absolute;
  top: 30px;
  right: 518px;
}

/******************************************
FormRow mit Formular links und grauem Kasten rechts
*******************************************/

.formRow.with-text.formRow-v2 .cWrap {
  width: 329px;
  margin-right: 0;
}
.formRow.with-text.formRow-v2 .cWrap  img {
  float:none;
  margin: 0;
}
.formRow.with-text.formRow-v2 .cWrap h2 {
  margin-bottom: 2em;
  margin-top: 0;
}
.formRow.with-text.formRow-v2 .fWrap {
  width: 522px;
  margin-right: 89px;
  padding-top:0;
}
.formRow.with-text.formRow-v2 .form-arrow {
  right:340px;
  top:70px;
}
.formRow.with-text.formRow-v2 .outer-content-wrap {
  position: relative;
  background: url(../images/form-v2-bg.gif) center;
}
.formRow.with-text.formRow-v2 .inner-content-wrap {
  padding-top:43px;
}


.formRow.with-text.formRow-v2 .cWrap .payment img {
  vertical-align: middle;
  margin-right: 4px;
  width:58px;
}
.payment td {
  padding: 3px 4px 3px 0;
  /*color: #FF8700;*/
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
}

/******************************************
FormRow-powermail-Formular
******************************************/

  .tx-powermail * {
    box-sizing:border-box;
  }

  .formRow .tx-powermail TEXTAREA
    {
    resize: none;
  }
  .tx-powermail fieldset {
    margin: 0;
    padding: 0;
    border:0;
  }
  .tx-powermail h3,
  .tx-powermail legend {
    display: none;
  }
.powermail_textarea,
.powermail_input
  {
  /* Input and textarea */
  width: 100%;
  border: 1px solid #ccc;
  background: #f8f8f8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 5px #eee inset;
  -webkit-box-shadow: 0 0 5px #eee inset;
  box-shadow: 0 0 5px #eee inset;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  padding: 12px 6px;
}


.powermail_label {
  margin: 4px 0 8px;
  padding: 0;
  display: block;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: normal;
  color: #656565;
  white-space: normal;
}

.powermail_fieldwrap {
  margin: 0 0 1em 0;
  clear: both;
}

.formRow SELECT {
  background-color: #FAF9F7;
  color: #656565;
  border: 1px solid #ccc;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 34px;
  font-weight: bold;
  padding: 4px 0px;
  min-width: 200px;
  margin-left: 0;
}

.formRow SELECT:focus option {
  height: 25px;
  border-bottom: 1px solid #CCC;
  background: #faf9f7;
/*  background-image: url('../images/x.png'); */
}

.formRow SELECT:focus option:hover {
  background: #FF8700 !important;
}

 .tx-powermail .mandatory {color: #FF8700;}


/* .powermail_submit {
  margin: 20px 0 29px 0;
  display: inline-block;
  float: right;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 15px;
    color: #282C30;
    vertical-align: top;
    padding: 8px 16px 10px 17px;
    line-height: 24px;
    white-space: nowrap;
    background-color: #EDEDED;
  background-image: linear-gradient(#FAFAFA 0%, #EDEDED 100%);
  background-image: -webkit-linear-gradient(#FAFAFA 0%, #EDEDED 100%);
  background-image: -moz-linear-gradient(#FAFAFA 0%, #EDEDED 100%);
  background-image: -o-linear-gradient(#FAFAFA 0%, #EDEDED 100%);
  background-image: -khtml-linear-gradient(#FAFAFA 0%, #EDEDED 100%);
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 1px #2b2b2b;
  -moz-box-shadow: 1px 1px 1px #2b2b2b;
  -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#2b2b2b, offx=2, offy=2)";
  filter: progid:DXImageTransform.Microsoft.DropShadow(color=#2b2b2b, offx=2, offy=2);
  box-shadow: 1px 1px 1px #2b2b2b;
  cursor: pointer;
}
*/

.powermail_submit {
  margin: 20px 0 29px 0;
  display: inline-block;
  float: right;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 17px;
    color: #fff;
    vertical-align: top;
    padding: 8px 16px 10px 17px;
    line-height: 24px;
    white-space: nowrap;
    background-color: #ff8700;
  border: 0;
  border-radius: 1px;
  -webkit-box-shadow: 1px 1px 1px #777;
  -moz-box-shadow: 1px 1px 1px #777;
  -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#2b2b2b, offx=2, offy=2)";
  filter: progid:DXImageTransform.Microsoft.DropShadow(color=#2b2b2b, offx=2, offy=2);
  box-shadow: 1px 1px 1px #2b2b2b;
  cursor: pointer;
}

/* .powermail_submit:hover {
    background-color: #D5D5D5;
  background-image: linear-gradient(#FAFAFA 0%, #D5D5D5 100%);
  background-image: -webkit-linear-gradient(#FAFAFA 0%, #D5D5D5 100%);
  background-image: -moz-linear-gradient(#FAFAFA 0%, #D5D5D5 100%);
  background-image: -o-linear-gradient(#FAFAFA 0%, #D5D5D5 100%);
  background-image: -khtml-linear-gradient(#FAFAFA 0%, #D5D5D5 100%);
}
*/

.powermail_submit:hover {
    background-color: #d75f00;
}

.tx-powermail .powermail_fieldset .powermail_label[title] {
  cursor: help
}

.tx-powermail .powermail_fieldset .powermail_label[title]:after {
  content: 'i';
  display: inline-block;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  height: 16px;
  width: 16px;
  background-color: #aaa;
  margin: 0 0 0 2px;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: white;
  font-family: arial;
  /*font-weight: bold*/
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""] {
  cursor: inherit
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""]:after {
  display: none
}
/* tooltip
.powermail_label[title]:before {
  background-color: #262a2e;
  font-size: 12px;
  color: #fff;
  content: attr(title);
  padding: 5px;
  display: block;
  position: absolute;
  bottom: 129%;
}
*/

/* checkboxen */
.powermail_fieldwrap_check label {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
}



/***************************
Formular Radiobutton
************************/

fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner {
    margin: 0 0 10Px 0;
    clear: both;
}

FIELDSET.tx-powermail-pi1_fieldset .powermail_radio_inner label {
  margin-left: 13px;
}

/***************************
Formular Radiobutton Ende
************************/


input.powermail_form.powermail_text, .powermail_kontaktform.powermail_text {
  height: 29px;
  width: 460px;
}
input.powermail_form.powermail_text, textarea.powermail_form.powermail_textarea, .powermail_kontaktform.powermail_text {
  background-color: #faf9f7 !important;
  color: #282C30;
}

span.pflichtfeld {
  float: right;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ff8700 ;
  margin-top: -2px;
  margin-bottom: -11px;
}

.dataseal {float:right;display:block;margin-top: -17Px;}
.dataseal2 {float:left;display:block;margin-top: -17Px;}
.formcheckwrapper {display:block;margin-bottom:20Px;width:360Px;}
.formcheckicon {float:left; margin-right:10Px;}
.formchecktext {color: #969696; font-family: Arial, Helvetica, Verdana , sans-serif;font-style: normal;font-weight: 200; font-size: 16Px;}
.formcheckline {margin-bottom:20Px;border-bottom:1px solid #ccc;}

.tx-powermail-pi1_thx {
  margin-top: 18px;
}

/******************************************
Bühnenslideshow
******************************************/

/* align caption */

.slider .caption {
  text-align:left;
  width:100%;
}
.slider .caption[style] {
  left:0 !important;
}
.slider .caption .inner-wrap {
  width: 940px;
  margin: 0 auto;
}
.slider .caption .inner-wrap .inner {
  width:400px;
}


/******************************************
Bühne
******************************************/

.stage .outer-content-wrap {
  position: relative;
  margin: 0 auto -20px;
  width: 100%;
  min-width: 940px;
  position: relative;
  overflow: hidden;
}

.stage .bot-shaddow {
  height:76px;
  width:100%;
  background: url(../images/buehnen-pfeil-mit-schatten-02.png) repeat-x 50%;
  background-position: bottom;
  position: absolute;
  bottom: -2px;
  z-index: 30;
}

.stage .inner-content-wrap {
  position: relative;
  padding: 0;
  top: auto;
  bottom: 0px;
  overflow: visible;
}
.stage .content-wrap{
  padding:0px;
  width: 100%;
}

.stage .cWrap H1, .stage .cWrap A,.feature .cWrap H1,.feature .cWrap A
  {
  color: #FFF;
}

.hero h1.headline, .stage h1.headline, .features h1.headline {
  font-family:"FS Albert Web Light", Arial, Helvetica, Verdana, sans-serif;
  font-size-adjust:0.48;
  font-weight:200;
  font-style:normal;
  font-size: 32px;
  line-height: 38px;
  color:#fff;
}

.stage h1.headline {
  padding-top: 0;
  margin-top: 0px;
}
.hero .cWrap,
.stage .cWrap {
  position: relative;
  width:400px;
  height: 300px;
  padding:3px 0 0 0;
  margin: 0 55% 0 auto;
  overflow-y: auto;
  text-align:left;
}

.stage .content,
.hero .cWrap .content,
.stage .cWrap .content {
  margin-top: -8px;
  margin-bottom: 13px;
  padding-bottom: 6px;
  color: #FFF;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
}

.stage .button-space {
  margin-top: 15px;
  padding: 0;
  text-align: left;
}
.cta-mediabutton,
.hero .cta-button,
.stage .cta-button,
.imagemodul .cta-button,
.features .cta-button{
  /*margin: 20px 0 98px 0;*/
  margin: 20px 0 0 0;
  padding: 4px 19px 0 10px;
  display: inline-block;
  float: left;
  color: #fff;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 28px;
  line-height: 28px;
  background-color: #ff8700;
  -webkit-box-shadow: 1px 1px 1px #2b2b2b;
  -moz-box-shadow: 1px 1px 1px #2b2b2b;
  -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#2b2b2b, offx=2, offy=2)";
  filter: progid:DXImageTransform.Microsoft.DropShadow(color=#2b2b2b, offx=2, offy=2);
  box-shadow: 1px 1px 1px #2b2b2b;
  border-radius: 1Px;
}
.cta-mediabutton .mediatext,
.hero .cta-button a,
.stage .cta-button a,
.imagemodul .cta-button a,
.features .cta-button a{
  font-size: 17Px;
    color: #fff;
    vertical-align: top;
    padding: 0px 0px 8px 9px;
    line-height: 24px;
    white-space: nowrap;
}
.cta-mediabutton:hover,
.hero .cta-button:hover,
.stage .cta-button:hover,
.imagemodul .cta-button:hover,
.features .cta-button:hover
  {
    background-color: #d75f00;
}

.stage .content2 {
  position: relative;
  margin-top: -5px;
}
.stage .content2, .stage .content2 p, .stage .content2 a{
  color: #FFF;
  margin: 0;
}

.stage .headline.color2, .stage .content.color2, .stage .color2 .content2 p, .stage .color2 .content2 a {
  color: #282C30 !important;
}

.stage .bg-image, .hero .bg-image{
  width:100%;
  background-size: 100% auto;
  min-width:980px;
  position:fixed;
  top:140px;
  left:0;
/*  z-index:-10000;*/
}

/******************************************
Hero
******************************************/

.hero .outer-content-wrap {
  position: relative;
  margin: 0 auto -20px;
  padding-bottom: 0px;
  width: 100%;
  min-width: 940px;
  overflow: hidden;
}

.stage .outer-content-wrap .bg-image,
.hero .outer-content-wrap .bg-image {
  z-index: -10;
}

.hero .content-wrap {
  position: relative;
  width: 100%;
  margin: 0;
  padding:1px 0 0 0;
  z-index: 0;
}

.hero .inner-content-wrap{
  overflow: auto;
}



.hero .headline, .hero .content, .hero .content2, .hero .content2 p, .hero .content2 a {
  color: #FFF;
}

.hero .headline.color2, .hero .content.color2, .hero .color2 .content2 p, .hero .color2 .content2 a {
  color: #282C30 !important;
}

.stage .media,.hero .media, .text-plus .media {
  display: none;
}

.hero .bot-shaddow {
  height:81px;
  width:100%;
  background: url(../images/buehnen-pfeil-mit-schatten-02.png) repeat-x 50%;
  background-position: bottom;
  position: absolute;
  bottom: -2px;
}
/******************************************
Ende Hero
******************************************/

/******************************************
Imagemodul
******************************************/

.imagemodul .outer-content-wrap {
  position: relative;
  min-height: 282px;
  margin: -20px auto;
  width: 100%;
  min-width: 940px;
  overflow: hidden;
}

.imagemodul .top-shaddow {
  position: absolute;
  height: 62px;
  width: 100%;
  top: -30px;
  z-index: 60;
}

.imagemodul .content-wrap {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 0;
}
.imagemodul h1 {
  color: #FFF;
  font-family: "FS Albert Web Light", Arial, Helvetica, Verdana, sans-serif;
  font-size-adjust: 0.48;
  font-style: normal;
  font-weight: 200;
  font-size: 24px;
  line-height: 30px;
}

.imagemodul .cWrap,.imagemodul .iWrap {
  float: left;
}

.imagemodul .cWrap {
  position: relative;
  width:400px;
   margin: 56px 0 0 16%;
  overflow: auto;
  padding: 0;
}

.imagemodul .iWrap {
  width: 540px;
}
.imagemodul .content {
  font-family: Arial, Helvetica, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin-top: -3px;
  margin-bottom: 0px;
}

.imagemodul .content2 {
  font-family: Arial, Helvetica, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: 17px;
}
.imagemodul .content2 p{
  margin: 0;
}
.imagemodul .headline, .imagemodul .cWrap, .imagemodul .content2, .imagemodul .content2 p, .imagemodul .content2 a {
  color: #FFF;
}

.imagemodul .headline.color2, .imagemodul .content.color2, .imagemodul .color2 .content2 p, .imagemodul .color2 .content2 a {
  color: #282C30 !important;
}

.imagemodul .bot-shaddow {
  position: absolute;
  height: 62px;
  width: 100%;
  top: auto;
  bottom: -10px;
}

/*****************************
Akkordeon
******************************/

.akkordeon .content-wrap {
  margin: 0 auto;
  padding: 12px 0 41px 0;
}

.akkordeon .inner-content-wrap {
  margin-top: -23px;
}

/*****************************
Akkordeon Item
******************************/
.akkordeonItem .content-wrap {
  margin: 0 auto !important;
  padding: 0px;
  width: 940px;
  background: transparent;}

.akkordeonItem {
  border-bottom: 1px solid #cccccc;
}

.akkordeonItem .headline {
  position: relative;
  display: table;
  padding: 4px 0 2px 0;
  width: 100%;
}

.akkordeonItem.closed .headline {
  padding: 4px 0 2px 0;
}

.akkordeonItem .headline h1 {
  font-size: 20px;
  line-height: normal;
  color: #ff8700;
  font-weight: bold;
  float: left;
}

.akkordeonItem .headline .openButton {
  position: absolute;
  border-radius: 10px 10px 10px 10px;
  font-size: 25px;
  color: #656565;
  float: right;
  right: 3px;
  top: 13px;
  cursor: pointer;
}

.akkordeonItem.closed .headline .openButton {
  cursor: pointer;
  color: #ff8700;
}

.akkordeonItem .headline .openButton i {
  margin-left: -5px;
}
/* disabled accordion dropdown */
.akkordeonItem .headline.dropdown_disabled .openButton {display: none;}
/* linked header instead */
.akkordeonItem .headline.dropdown_disabled h1 a {
  font-family: "FS Albert Web Light", Arial, Helvetica, Verdana , sans-serif;
}

.akkordeonItem .content {
  position: relative;
  clear: both;
  width: 862px;
  margin: 20px 0 10px 0;
  padding: 2px 39px 21px 39px;
  display: inline-block;
  background: #FFF;
  -moz-box-shadow: inset 0 0 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
}

.akkordeonItem .content .top-shaddow {
  position: absolute;
  left: 0;
  top: -19px;
  height: 25px;
  width: 940px;
  background-image: url('../images/pfeil-akkordeon.png') !important;
}

.akkordeon .item .content .cta-button2 {
  margin-top: 15px;
}

.akkordeon .item .content .bodytext {
  margin: 0;
  padding: 0;
}

/******************************************
Textblock
*/
.textblock .outer-content-wrap {
  position: relative;
}

.textblock .content-wrap {
  margin: 0 auto;
  padding: 17px 0 52px 0;
}
.textblock .content {
  margin: 0 auto;
  padding: 1px 0 0 0;
}

.textblock .content-wrap .textblock-element h3 {
  margin: 14px 0 0 0;
}
.textblock .content-wrap .textblock-element p {
  margin: 4px 0 0 0;
}

.textblock .content-wrap .textblock-element .content {
  padding: 7px 0 4px 0;
}
/******************************************
Text +
*/

.text-plus .content {
  padding-top: 1px
}

/******************************************
ContentSwitch
*/
.contentswitch {
  margin-top: 20px;
}

.contentswitch .rightContent {
  display: none;
}

.contentswitch .leftContent,.contentswitch .rightContent {
  clear: both;
}
.contentswitch .leftContent div:FIRST-CHILD > .content-wrap,
.contentswitch .rightContent div:FIRST-CHILD > .content-wrap{
  padding-top: 120px;
}

.contentswitch .leftContent .tabelle div:FIRST-CHILD > .content-wrap,
.contentswitch .rightContent .tabelle div:FIRST-CHILD > .content-wrap{
  padding-top: 38px;
}

.contentswitch .switchHeader {
width: 700px;
margin: 40Px auto;
margin-bottom: auto;
position: absolute;
z-index: 1000;
left: 50%;
margin-left: -350Px;
}
.contentswitch .switchHeader .leftContentButton{
width: 50%;
height: 36px;
background-color: #f0f0f0;
font-size: 18px;
padding-top: 17px;
font-family: Arial;
border-radius: 5px;
color: #656565;
font-weight: bold;
/* text-shadow: 0px 1px 1px rgba(0,0,0,0.2); */
/* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.7); */
background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image: -khtml-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
cursor: pointer;
/* border: 1Px solid #ccc; */
border-top-left-radius: 10Px;
border-bottom-left-radius: 10Px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
  box-shadow:-3Px -4px 12px 0 rgba(0, 0, 0, 0.3) inset;
}
.contentswitch .switchHeader .rightContentButton{
width: 50%;
height: 36px;
background-color: #f0f0f0;
font-size: 18px;
padding-top: 17px;
font-family: Arial;
border-radius: 5px;
color: #656565;
font-weight: bold;
/* text-shadow: 0px 1px 1px rgba(0,0,0,0.2); */
/* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.7); */
background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image: -khtml-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
cursor: pointer;
/* border: 1Px solid #ccc; */
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 10Px;
border-bottom-right-radius: 10Px;
  box-shadow:-3Px -4px 12px 0 rgba(0, 0, 0, 0.3) inset;
}
.contentswitch .switchHeader .leftContentButton.active,
.contentswitch .switchHeader .leftContentButton:hover{
/* background-color: #ff8700; */
color: #fff;
/* text-shadow: 0px 1px 1px rgba(1,1,1,0.86); */
background-image: linear-gradient(rgba(0,0,0,0.9)0%, rgba(0,0,0,0.6) 100%);
background-image: -webkit-linear-gradient(rgba(0,0,0,0.9)0%, rgba(0,0,0,0.6) 100%);
background-image: -moz-linear-gradient(rgba(0,0,0,0.9)0%, rgba(0,0,0,0.6) 100%);
background-image: -o-linear-gradient(rgba(0,0,0,0.9)0%, rgba(0,0,0,0.6) 100%);
background-image: -khtml-linear-gradient(rgba(0,0,0,0.9)0%, rgba(0,0,0,0.6) 100%);
box-shadow: 3Px 4px 9px 0 rgba(0, 0, 0, 1) inset;
/* border: 1Px solid #000; */
/* height: 39Px; */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 10Px;
border-bottom-left-radius: 10Px;
}
.contentswitch .switchHeader .rightContentButton.active,
.contentswitch .switchHeader .rightContentButton:hover {
/* background-color: #ff8700; */
color: #fff;
/* text-shadow: 0px 1px 1px rgba(1,1,1,0.86); */
background-image: linear-gradient(rgba(0,0,0,0.9)0%, rgba(0,0,0,0.6) 100%);
background-image: -webkit-linear-gradient(rgba(0,0,0,0.9)0%, rgba(0,0,0,0.6) 100%);
background-image: -moz-linear-gradient(rgba(0,0,0,0.9)0%, rgba(0,0,0,0.6) 100%);
background-image: -o-linear-gradient(rgba(0,0,0,0.9)0%, rgba(0,0,0,0.6) 100%);
background-image: -khtml-linear-gradient(rgba(0,0,0,0.9)0%, rgba(0,0,0,0.6) 100%);
box-shadow: 3Px 4px 9px 0 rgba(0, 0, 0, 1) inset;
/* border: 1Px solid #000; */
/* height: 39Px; */
border-top-right-radius: 10Px;
border-bottom-right-radius: 10Px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
  cursor:pointer;
}

.contentswitch .switchHeader .leftContentButton {
  float: left;
}

.contentswitch .switchHeader .rightContentButton {
  float: right;
}

.contentswitch .switchHeader .orConnector {
  font-weight: bold;
  position: absolute;
  text-align: center;
  float: left;
  left: 50%;
  width: 108px;
  height: 108px;
  margin-left: -54px;
  background-repeat: no-repeat;
  margin-top: -26px;
  padding-top: 43px;
  font-family: Arial;
  font-size: 18px;
  color: #282c30;
}

/******************************************
Tabelle
*/
.tabelle table {
  width: 100%;
  text-align: center;
  font-size: 14px;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom: 10px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
  position:relative;
}

.tabelle td p {
  padding: 8px 0 5px 0;
  color: #282c30;
}

.tabelle td p:FIRST-CHILD{margin-top:0;}
.tabelle td p:LAST-CHILD{margin-bottom:0;}

.tabelle th p,.tabelle caption {
  padding:10px 13px;
  font-weight: bold;
  font-size: 16px;
  color: #282c30;
  height:21px;
}
.tabelle th p{
  padding:9px 13px 8px 13px;
}
.tabelle i.openTable {
    width: 32px;
  font-size: 24px;
    height: 24px;
    line-height: 24px;
    top: 9px;
  margin-left: 887px;
  display: block;
  position: absolute;
  color: #656565;
  cursor: pointer;
}


.tabelle caption {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);
  text-align: left;
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

.tabelle th,.tabelle caption,.tabelle i.openTable {
    background-color: #e7e7e7;
  background-image: linear-gradient(#f8f8f8 0%, #e7e7e7 100%);
  background-image: -webkit-linear-gradient(#f8f8f8 0%, #e7e7e7 100%);
  background-image: -moz-linear-gradient(#f8f8f8 0%, #e7e7e7 100%);
  background-image: -o-linear-gradient(#f8f8f8 0%, #e7e7e7 100%);
  background-image: -khtml-linear-gradient(#f8f8f8 0%, #e7e7e7 100%);
}

.tabelle tbody {
  background-color: #fff;
  display: none;
}

.tabelle .open tbody {
  display: table-row-group;
}

.tabelle tbody,.tabelle caption,.tabelle thead,.tabelle i {
  border: 1px solid #cccccc;
}

.tabelle tbody {
  border-top: 0px solid #cccccc;
}

/*
.tabelle caption {
  text-align: left;
  padding: 13px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
}
*/

.tabelle table.pricestable td:nth-child(2n+1) {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.tabelle table.pricestable td p {
  font-weight: bold;
}

.tabelle table.pricestable td:first-child p {
  font-weight: normal;
  text-align: left;
  padding-left: 15px;
}

.tabelle table tr:nth-child(2n+1) {
  background-color: #faf9f7;
}



/************************************
  Erstes Element nach Bühne oder Hero
************************************/
/*.inhalt .csc-default:nth-child(2) .outer-content-wrap.nr1 { */
.inhalt > .csc-default:nth-child(2) > DIV > .outer-content-wrap {
  background: white;
}
.inhalt > .csc-default:nth-child(2) > DIV > .outer-content-wrap .top-arrow {
  display: none;
}

/* Erstes Element: Wenn keine Bühne oder Hero */
.no-hero .inhalt > .csc-default:nth-child(2) > DIV > .outer-content-wrap {
  background-color: #e7e7e7;
  background-image: linear-gradient(#e7e7e7 0%, #f0f0f0 100%);
}
.no-hero .inhalt > .csc-default:nth-child(2) > DIV > .outer-content-wrap .top-arrow {
  display: inherit;
}



/************************************
  Erstes Element nach Features
************************************/
.inhalt > .csc-default > .features > .csc-default .top-arrow {
  height: 21px;
}

/************************************
Letztes Element vor dem SocialSharePrivacy-Modul
************************************/
.inhalt > .csc-default:last-child .bot-arrow {
  display: none;
}

/******************************************
Layer
*/
.layer {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  height: 500px;
  width: 100%;
  z-index: 90030;
}

.layer .wrap {
  margin: 50px auto 0 auto;
  position: relative;
  width: 940px;
}

.layer .content h1{
  color: #FFF;
}

.layer .icon-cancel-circled {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 18px;
  right: 28px;
  color: #9c9c9c;
  font-size: 24px;
  cursor: pointer;
}

.layer .module-c {
  background-color:white;
  margin-top:50px;
  width:900px;
  padding:20px;
  text-align:left;
  position:relative;
}

.layer .module-c IMG{
  float:right;
  margin-left:20px;
}

.layer .module-c H3{
  width:600px;
  float:left;
}


.layer .module-c .but-wrap{
  width:600px;
}


/******************************************
gallery
*/

.gallery H4, div.image-desc{
  color:white;
  text-shadow:none;
}

.gallery .thumbs-wrap {
  display: none;
  position: absolute;
  bottom: 96px;
  width: 940px;
  height: 182px;
  background-color: rgba(0, 0, 0, 0.7);
}

.gallery>.outer-content-wrap>.content-wrap {
  padding-top: 50px;
}

.gallery div.slideshow span.image-wrapper {
  display: block;
/*  position: absolute;
  top: 0;
  left: 50%;*/
}

.gallery div.slideshow span.image-wrapper A {
/*  position: relative;
  left: -50%;*/
}

.gallery div.slideshow span.image-wrapper IMG {
  position: absolute;
  top: 0;
  left: 0;

  /*position: relative;*/
  /*top: -100%;*/
}

.ie10 .gallery div.slideshow span.image-wrapper IMG {
  top: 0;
}

.gallery UL.thumbs {
  /*background-color:rgba(0, 0, 0, 0.7);*/
  height: 182px;
  /*padding-left: 90px;*/
  margin:0 0 0 80px;
  width:800px;
}

.gallery UL.thumbs LI {
  margin-top: 60px;
  margin-right: 20px;
}

.gallery span.image-caption{margin-left:68px;}
.gallery span.image-caption,.gallery span.image-caption P {
  color: white;
}

.gallery div.slideshow-container {
  height: 573px;
}

.gallery .inner-content-wrap{
  border:1px solid #3d3d3d;
  width:940px;
}
.gallery .inner-content-wrap DIV.image{
  position:relative;
}


.gallery .overlay {
  position: absolute;
  bottom: 0;
  z-index: 100;
  height: 180px;
  width: 940px;
}

/*
.gallery DIV.pagination{
  position:absolute;
  top:10px;
  width:940px;
}
*/
.gallery div.controls {
  position: absolute;
  top: 200px;
  height: 23px;
  width: 100%;
  z-index: 1000;
}

.gallery div.controls a {
  display: block;
  position: absolute;
  font-size: 80px;
  height: 75px;
  ppadding-left: -100px;
  overflow: hidden;
  opacity: 0.5;
  color: black;
}

.gallery div.controls a.prev {
  left: 0px;
}

.gallery div.controls a.next {
  right: 0px;
}

.gallery div.pagination SPAN,.gallery div.pagination A {
  display: none;
}

.gallery div.pagination span.next,.gallery div.pagination a.next,.gallery div.pagination span.prev,.gallery div.pagination a.prev
  {
  display: block;
  position: absolute;
  width: 20px;
  top: 88px;
  color: white;
  height: 27px;
  width: 20px;
  font-size: 28px;
  text-align: center;
}

.gallery div.pagination span.next,.gallery div.pagination a.next {
  right: 27px;
}

.gallery div.pagination span.prev,.gallery div.pagination a.prev {
  left: 7px;
}

.gallery .overlay {
  height: 279px;
  position: absolute;
  bottom: 0;
}

.gallery .overlay>DIV.caption {
  position: absolute;
  bottom: 44px;
}

.gallery .overlay .caption span.image-caption {
  height: 110px;
}

.gallery .overlay>.caption {
  background-color: rgba(0, 0, 0, 0.7);
  position: relative;
  left: 0;
  height: 26px;
  width: 916px;
  overflow: hidden;
  padding: 12px;
}

.gallery .overlay .caption span.image-caption H4 {
  margin: 0;
}

.gallery .overlay .caption .oc-icon,.gallery .overlay>DIV>.oc-icon {
  position: absolute;
  top: 16px;
  right: 14px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #9c9c9c;
  margin-right: 10px;
  cursor:pointer;
}

.gallery .overlay .toolbar {
  position: absolute;
  bottom: 0;
  width: 940px;
  height: 44px;
  background-image:url(../images/gallery_toolbar.png);
}

.gallery .overlay .toolbar .open {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 10px;
  color: white;
}

/******************************************
post
*/
.module-post .content-wrap {
  padding: 15px 0px 41px 0px;
}

.module-post .iWrap, .module-post .cWrap {
  float:left;
}

.module-post .iWrap {
  margin-top: 7px;
  width:160px;
}

.module-post .cWrap {
  width:780px;
  margin-bottom: 1px;
}

.module-post H2 {
  margin: 0 0 -3px 0;
}

.module-post .date{
  text-align:right;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 8px;
}

.module-post .cta-button2 {
  margin-bottom: 20px;
}


/******************************************
Text +
******************************************/
.text-plus .content-wrap {
  padding: 33px 0px 42px 0px;
}

.text-plus .cWrap, .text-plus .image {
  display: block;
  float: right;
}

.text-plus.right .cWrap, .text-plus.right .image {
  float:left;
}

.text-plus .cWrap {
  width: 620px;
  margin-left: 20px;
}

.text-plus.right .cWrap {
  margin-right: 20px;
  margin-left: 0;
}

.text-plus .image {
  margin-top: 7px;
  margin-bottom: 19px;
}

.text-plus .headline {
  margin: 0 0 -3px 0;
}

/******************************************
Headline+
******************************************/

.module-headlinep {
  margin: 0;
}

.module-headlinep .content-wrap {
  padding: 33px 0px 55px 0px;
}

.module-headlinep .headline {
  margin: 0 0 -3px 0;
  text-align:center;
  font-size:28Px;
}

.module-headlinep .cWrap {
  margin: 15px 0 -1px 0;
}

.module-headlinep p {
  margin:0;
}

/******************************************
Logo-Slider
******************************************/


.module-logoslider .content-wrap {
  padding: 31px 0px 59px 0px;
}

.module-logoslider .headline {
  margin: 0;
}

.module-logoslider .cWrap {
  margin-top: 16px;
}

.module-logoslider .image_carousel {
  padding: 0 0 0 40px;
  position: relative;
  height: 57px;
}

.module-logoslider .image_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.module-logoslider .image_carousel li {
  font-size: 30px;
  color: #666;
  text-align: center;
  /*background-color: #f0f0f0;*/
  border: 5px solid #ccc;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 6px;
  display: block;
  float: left;
}

.module-logoslider .carouselimage {
  position: relative;
  width: 172px;
  height: 55px;
  float:left;
  text-align: center;
}

.module-logoslider .image_carousel .carouselimage img {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.module-logoslider a.prev, .module-logoslider a.next {
  background: url(../images/logo-slider-navi_bc.png) no-repeat transparent;
  width: 14px;
  height: 24px;
  display: block;
  position: absolute;
  top: 13px;
}

.module-logoslider a.next {
  background-position: 0 0;
}

.module-logoslider a.prev {
  left: 0px;
  background-position: -13px 0;
}

.module-logoslider a.prev.disabled {
  background-position: -13px 0;
}

.module-logoslider a.next {
  right: 0px;
}

.module-logoslider a.next.disabled {
  background-position: 0 0;
}

.module-logoslider a.prev.disabled,.module-logoslider a.next.disabled {
  cursor: default;
}

.module-logoslider a.prev span,.module-logoslider a.next span {
  display: none;
}

/******************************************
Features Container enthält einzelne Feature
*/
.features {
  margin: 0;
}

.features .outer-content-wrap {
  position: relative;
  margin: -20px auto;
  padding-bottom: 0px;
  width: 100%;
  min-width: 940px;
  position: relative;
  background-image: url('../images/bg.jpg');
  background-position: 50% 50%;
  background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #fab45f 0%, #df6800 100%);
  background-image: -moz-radial-gradient(center, ellipse farthest-corner, #fab45f 0%, #df6800 100%);
  background-image: -o-radial-gradient(center, ellipse farthest-corner, #fab45f 0%, #df6800 100%);
  background-image: -khtml-radial-gradient(center, ellipse farthest-corner, #fab45f 0%, #df6800 100%);
  background-image: radial-gradient(center, ellipse farthest-corner, #fab45f 0%, #df6800 100%);
  filter: progid:DXImageTransform.Microsoft.radial-gradient(startColorstr='#fab45f', endColorstr='#df6800');
}

.features .inner-content-wrap {
  margin: 0px;
  padding: 71px 0 30px 0;
}

.features .content-wrap {
  width: 940px;
  padding: 0;
}

.features .content {
  margin-top: 24px;
}

.features H1{margin:0;}

.features H1, .features H2 {color:white;}

.feature H2 {
  margin:0 0 13px 0;
  font-family:"FS Albert Web Light", Arial, Helvetica, Verdana , sans-serif;
    font-size-adjust:0.48;
    font-weight:200;
    font-style:normal;
    font-size: 24px;

}

.features .conntent {
/*  display: none; */
  color: #7e3f00;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  padding-bottom: 16px;
}

.features .info {
  text-align:right;
  color:white;
  margin: 3px 20px -4px 0px;
  font-family:"FS Albert Web Light", Arial, Helvetica, Verdana , sans-serif;
    font-size-adjust:0.49;
    font-weight:200;
    font-style:normal;
    font-size: 20px;
  }

.features .cta-button {
  text-align: right;
  float: right;
  margin: 20px 0 52px;
}

.features .top-shaddow {
  position: absolute;
  height: 72px;
  width: 100%;
  top: -35px;
  z-index: 60;
}

.features .bot-shaddow {
  position: absolute;
  height: 62px;
  width: 100%;
  top: auto;
  bottom: -10px;
}

/******************************************
Feature
*/
.feature-elem {
  float: left;
  margin-right: 20px;
  width: 293px;
}

/* ohne Aufklapper */
.feature-elem:nth-child(3n+4) {
  clear: left;
}

.feature .image, .feature .cWrap {
  float: left;
}

.feature .image{
  height:60px;
  width:60px;
  margin:7px 20px 0 0;
}

.feature .cWrap {
  width:213px;
  margin: 0;
  padding: 0 0 32px 0;
  overflow: hidden;
}

.feature .cWrap H1, .feature .cWrap A {
  color: #FFF;
}

/******************************************
Features im Ausklapper
*/
.ausklapper .features .outer-content-wrap {
  background: transparent;
  width: auto;
  min-width: 0;
  margin-right: -20px;
  padding-bottom: 0;
}

.ausklapper .features .bot-shaddow {
  background: transparent;
}

.ausklapper .features .content-wrap {
  padding: 0;
  position: static;
  width: auto;
}
.ausklapper .feature {
  margin-top: 7px;
  width: 310px;
  float: left;
}

.ausklapper .csc-default:nth-child(2n+3) .feature {
  clear: left;
}

.ausklapper .feature h2.headline {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px:
  font-weight: bold;
}

.ausklapper .feature .cWrap {
  width:210px;
  overflow: hidden;
  margin: 0;
}
.ausklapper .features .inner-content-wrap {
  padding: 0;
  margin: 0;
}

.ausklapper .feature .image {
  height: 60px;
  width: 60px;
  margin-top: 10px;
}

.ausklapper .feature .conntent {
  color: #7e3f00;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  padding-bottom: 28px
}


/******************************************
Referenzen
******************************************/
.flexrow h1.csc-firstHeader {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: white;
  font-weight: bold;
}

/******************************************
Aktuelles Startseite
******************************************/
.newsbold .bodytext {font-weight:bold;color:#777;}

/******************************************
FlexRow
******************************************/

/*
leerer div am ende jeder flexrow
*/
.flexrow DIV.clearer {
  clear: both;
}

.flexrow H2, .flexrow H3 {
  margin-top: 0;
  margin-bottom: -3px;
}

/*.flexrow .csc-firstHeader {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: white;
  font-weight: bold;
}
*/
.flexrow .outer-content-wrap, .textblock .outer-content-wrap, .text-plus .outer-content-wrap,
.tabelle .outer-content-wrap, .akkordeon .outer-content-wrap,
.module-post .outer-content-wrap, .module-headlinep .outer-content-wrap {
  position: relative;
  margin: 20px 0;
}

.flexrow .content-wrap {
  margin: 0px auto;
  width: 940px;
  padding: 15px 0 31px 0;
}

/*
ausklapper am ende jeder flexrow
*/
.ausklapper {
  text-align: left;
  position: relative;
  margin-top: -33px;
  display: none;
}

.ausklapper DIV.top-bg, DIV.auskl-arrow  {
  position: absolute;
  width: 100%;
  height: 62px;
  top: -30px;
  background-repeat: no-repeat;
}

.nr1 .ausklapper DIV.top-bg, .nr1 DIV.auskl-arrow {
  background-image: url('../images/pfeil-ausklapper-weiss-fc.png');
  height: 85px;
  top: -23px;
  background-repeat: repeat-x;
}

.nr2 .ausklapper DIV.top-bg, .nr2 DIV.auskl-arrow {
  background-image: url('../images/pfeil-ausklapper-grau-tr.png');
  height: 85px;
  top: -23px;
  background-repeat: repeat-x;
}

DIV.auskl-top-bg{
  display:none;
}

.ausklapper DIV.top-bg.open {
  display: block;
}

.ausklapper .content-wrap {
  /*display:none;*/
  padding-bottom: 36px;
  padding-top: 107px;
  position: relative;
}

.ausklapper DIV.bot-bg {
  height: 24px;
/*  background-image: url('../images/image_schatten_unten_weiss.png'); */
  background-image: url('../images/ausklapper_schatten_unten.png');
  background-repeat: repeat-x;
}

/*
TODO: muss in standard_css.css
*/
.ausklapper {
  width: 100%;
  min-width: 980px;
  background-image: url('../images/bg.jpg');
  background-position: 50% 50%;
  background: -webkit-radial-gradient(center, ellipse farthest-corner, #fab45f 0%, #df6800 100%);
  background: -moz-radial-gradient(center, ellipse farthest-corner, #fab45f 0%, #df6800 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, #fab45f 0%, #df6800 100%);
  background: -khtml-radial-gradient(center, ellipse farthest-corner, #fab45f 0%, #df6800 100%);
  background: radial-gradient(center, ellipse farthest-corner, #fab45f 0%, #df6800 100%);
  filter: progid:DXImageTransform.Microsoft.radial-gradient(startColorstr='#fab45f', endColorstr='#df6800');
}

.ausklapper h2.headline {
  font-size: 32px;
  line-height: 38px:
}

.ausklapper .image {
  margin-top: 5px;
  width: 300px;
}

.ausklapper .content-wrap .image,.ausklapper .content-wrap .cWrap {
  float: left;
}

.ausklapper .cWrap {
  margin-left: 20px;
  width: 620px;
}
.ausklapper .cWrap .content {
  margin-top: 20px;
  color: #7e3f00 !important;
}

.ausklapper .content p, .ausklapper .content li {
    color: #7e3f00 !important;
}

DIV.ausklapper .icon {
  position: absolute;
  top: 60px;
  right: 0;
  width: 34px;
  height: 34px;
  background-image: url(../images/schliessen.png);
  cursor: pointer;
}

.ausklapper .cWrap .cta-button1 {
  margin-top: 21px;
}

.ausklapper .cWrap .cta-button1 .cta-button a {
  font-size: 100%;
  vertical-align: middle;
}

.ausklapper .features .cta-button {
  display: none;
}

/******************************************
productsView
*/
.module-productsview .cWrap, .module-productsview .pWrap{
  float:left;
}
.module-productsview .pWrap{margin-top:23px;}
.module-productsview.cnt1 .pWrap{
  width:160px;
  margin-left:320px;
}
.module-productsview.cnt2 .pWrap{
  width:320px;
  margin-left:160px;
}

.module-productsview DIV.products > DIV{
  float:left;
  width:140px;
  margin-left:20px;
}

.module-productsview .ausklapper{
  min-height:50px;
  background:yellow;
  display:block;
}

.module-productsview .content-wrap{padding-bottom:15px;}

.contentswitch .leftContent .tabelle:first-child div:FIRST-CHILD > .content-wrap,
.contentswitch .rightContent .tabelle:first-child div:FIRST-CHILD > .content-wrap{
  padding-top: 40px;
}


/******************************************
product
*/
.module-product .iWrap{
  position:relative;
  width:140px;
}

.module-product .iWrap .headline, .module-product .iWrap .icon{
  position:absolute;
  top:0;
  right:0;
}

.module-product .iWrap > .icon{
  top:auto;
  bottom:0;
}

.price-tables TABLE TD P, .price-tables TABLE TH P{margin:7px 0;}
.price-tables TABLE TD P:FIRST-CHILD, .price-tables TABLE TH P:FIRST-CHILD{margin-top:0;}
.price-tables TABLE TD P:LAST-CHILD, .price-tables TABLE TH P:LAST-CHILD{margin-bottom:0;}

.price-tables TABLE{margin-bottom:20px;}

.price-tables .content-wrap{
  padding-top: 40px !important;
}


.module-productsview DIV.table Table, .price-tables DIV.table Table{
  width:100%;
}

.price-tables .tWrap{
  position:relative;
  float:left;
  margin-left:20px;
  width:140px;
}


.price-tables .cta-button1, .price-tables .cta-button2{
  float:none;
  display:inline-block;
  margin-top:10px;
  white-space: nowrap;
  direction:ltr;
}


.price-tables .content-wrap > .button{
  position:relative;
  margin:0 0 0 auto;
  text-align:center;
  direction:rtl;
  padding-top:9px;
}

.price-tables.cnt1 .content-wrap > .button{width:140px;}
.price-tables.cnt2 .content-wrap > .button{width:300px;}
.price-tables.cnt3 .content-wrap > .button{width:460px;}


.price-tables.cnt1 .tWrap{margin-left:340px;}
.price-tables.cnt2 .tWrap:FIRST-CHILD{margin-left:180px;}


.module-productsview.cnt1 .tWrap{
  width:460px;
}

.module-productsview.cnt2 .tWrap, .pv.ausklapper.cnt2 .tWrap, .pv.bot-tab.cnt2 .tWrap{
  width:140px;
}



.module-productsview DIV.content, .module-productsview DIV.tables,
.price-tables DIV.content, .price-tables DIV.tables{
  float:left;
  width: 460px;
}

.module-productsview DIV.tables, .price-tables DIV.tables{
  width:480px;
}

.module-productsview .top-cont-fixed .bot-arrow {
  background:transparent;
}



.module-productsview .top-cont-fixed{
  z-index:70010;
  width:100%;
  position:fixed;
  top:-60px;
  margin:0 auto;
}

.module-productsview .top-cont-fixed .shadow{
  height:1px;
  border-top:1px solid #999999;
  background:#BBBBBB;
  border-bottom:1px solid #DDDDDD;
}

.module-productsview .top-cont-fixed .shadow.auskl-open{
  height:0;
  border:none;
}

DIV.auskl-arrow {
  display:none;
  top:auto;
  z-index:70011;
  background-position:50% 0;
}


/******************************************
ausklapper-inhalt / bot-table
*/
.price-tables .contenttable *{color:white;}

.price-tables .contenttable TH, .price-tables .contenttable TH P, .price-tables .contenttable TH SPAN.sup{color:#292a2e;}

.price-tables DIV.content{
  position:absolute;
  bottom:38px;
}

/*.pv.bot-tab DIV.tables{margin-left:460px;}*/
.price-tables DIV.tables{margin-left:460px;}
/*
.pv.bot-tab DIV.table TH{background:transparent;}
.pv.bot-tab DIV.table TD P{color:white;padding:3px 0;}
.pv.bot-tab DIV.table TBODY{display:table-row-group;}
*/
/* tabelle */

.price-tables DIV.table Table{ border-spacing:0 2px;}

.price-tables DIV.table TABLE.tabelle TH P{
  font-size:14px;
  font-weight:normal;
  padding: 9px 0;
  line-height:16px;
}

.price-tables DIV.table Table TR TD{
  background:rgba(0, 0, 0, 0.75);
  height:88px;
}
.price-tables DIV.table Table TR:nth-child(1) TD{background:rgb(128, 128, 128);}
.price-tables DIV.table Table TR:nth-child(2) TD{background:rgb(106, 106, 106);}
.price-tables DIV.table Table TR:nth-child(3) TD{background:rgb(82, 82, 82);}
.price-tables DIV.table Table TR:nth-child(4) TD{background:rgb(59, 59, 59);}

.price-tables DIV.table Table TD{padding:11px 14px;}

.price-tables DIV.table Table TD, .price-tables DIV.table Table TD P{
  border-spacing:0 2px;
  line-height:18px;
}


/* spaltenbreite in tabellen-modulen anpassen */
DIV.leftContent .tabelle TABLE, DIV.rightContent .tabelle TABLE{
  table-layout:auto;
}

DIV.leftContent .tabelle TABLE TR TD:not(:first-child),
DIV.rightContent .tabelle TABLE TR TD:not(:first-child){
  width:150px;
}


/* buttons */
.price-tables .cta-button1{
  margin-top:10px;
  margin-bottom:0;
  clear:both;
}

/* listen */
ol.filled-numbers {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}

ol.filled-numbers > li{
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    /*border-top:2px solid #666;*/
    /*background:#f6f6f6;*/
}

ol.filled-numbers > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:1.6em;
    height:1.6em;
    border-radius:0.8em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    /*border-top:2px solid #666;*/
    color:blue;
    background:white;
    font-weight:bold;
    font-family: Arial, Helvetica, Verdana, sans-serif;

    text-align:center;
}

/*

Columns Modules

*/
.row, .row * {
  box-sizing: border-box;
}
.row {
  width: 100%;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 0;
  margin-bottom: 0;}
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }
.col-wrapper {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  float: left; }

[class*="col-wrapper"] + [class*="col-wrapper"]:last-child {
  float: right; }

[class*="col-wrapper"] + [class*="col-wrapper"].end {
  float: left; }
.large-6 {
    width: 50%; }

.flexrow  .row {padding-top: 17px}
.flexrow  .row .row {padding-top: 0;}
.flexrow .row h2.csc-firstHeader {
  color: #474747;
  font-family: "FS Albert Web Light", Arial, Helvetica, Verdana , sans-serif;
  font-size: 24px;
  line-height: 30px;
}