/*********************************************************
 * BOOTEZENTRUM
 * main.css
*********************************************************/

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
body {
  background: #f4f4f4;
  /*background: #eee;*/
  font-size: 16px;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
  line-height: 24px;
  color: #000;
}

/* HELPER */
.left {
  float: left;
}
.right {
  float: right;
}
.align-right {
  text-align: right;
}
.row {
  width: 1000px;
  margin: 0 auto;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}

.row:after {
    clear: both;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
    clear: both;
}


/* LISTS */
ul {
  padding: 0 0 0 20px;
  margin: 0 0 30px;
}
ul li {
  list-style: square;
  margin-bottom: 10px;
  font-family: "Segoe UI Semilight", sans-serif;
  font-weight: 100;
  font-size: 14px;
}
ul.inline-list {
  padding: 0;
}
ul.inline-list li {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* HEADLINES */
h1 {
  font-size: 50px;
  line-height: 65px;
  font-weight: 100;
  color: #00579c;
  font-family: "Segoe UI Semilight", sans-serif;
  margin: 30px 0 20px;
}
h2 {
  font-size: 30px;
  line-height: 41px;
  font-weight: 100;
  color: #000;
  margin: 10px 0 20px;
  font-family: "Segoe UI Semilight", sans-serif;
}
h3 {
  font-size: 25px;
  line-height: 30px;
  font-weight: 100;
  color: #000;
  margin: 0 0 15px;
  font-family: "Segoe UI Semilight", sans-serif;
}

/*********************************************************
 * HEADER
*********************************************************/
body > header nav {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  z-index: 100;
}
body > header nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
body > header #service-holder {
  padding: 10px 0 0 0;
  background-image: -webkit-linear-gradient(left, #0087dd, #00579c);
  background-image: -moz-linear-gradient(left, #0087dd, #00579c);
  background-image: -o-linear-gradient(left, #0087dd, #00579c);
  background-image: linear-gradient(to right, #0087dd, #00579c);
  height: 90px;
  color: #fff;
}
body > header #service-holder .right {
  margin-top: 22px;
}
body > header #service-holder .right ul {
  margin-bottom: 0;
}
body > header #service-holder .right a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  margin-left: 20px;
  vertical-align: middle;
}
body > header #service-holder .right a:hover {
  color: #ffee6c;
}
body > header #service-holder .right big a {
  font-size: 22px;
  font-weight: 300;
  color: #ffee6c;

}
body > header nav {
  background: #292929;
  height: 50px;
}
body > header nav div.row ul {
  z-index: 1000;
  padding: 0;
  margin: 0 -10px;
}
body > header nav div.row ul li {
  position: relative;
  display: block;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}
body > header nav div.row ul li a {
  display: block;
  padding: 5px 15px;
  height: 50px;
  line-height: 40px;
  font-size: 14px;
  color: #FFF;
  font-weight: normal;
  text-decoration: none;
}

/* ERSTE EBENE */
body > header nav div.row > ul > li > a {
  text-transform: uppercase;
  letter-spacing: 1px;
}

body > header nav div.row > ul > li:last-child > a {
  color: #ff4d33;
  font-weight: bold;
  font-style:italic;
}

body > header nav div.row > ul > li:last-child.active > a,
body > header nav div.row > ul > li:last-child:hover > a {
  color: #ff4d33;
}

body > header nav div.row > ul > li.active > a,
body > header nav div.row > ul > li:hover > a {
  color: #2d92d2;
  background: #000;
}

/* ZWEITE EBENE */
body > header nav div.row ul li > ul {
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  background: #000;
  margin: 0;
  width: 180px;
  padding: 10px 0 10px 0;
}
body > header nav div.row ul li.active > ul {
  display: block;
}
body > header nav div.row ul li > ul li {
  position: static;
  float: left;
  clear: left;
}
body > header nav div.row ul li > ul:after {
  content: '';
  position: absolute;
  right: 0px;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: #2f2f2f;
}
body > header nav div.row ul li > ul li.spacer {
  padding: 5px 15px ;
  font-style: italic;
  color: #808080;
  line-height: 20px;
  /*border-bottom: 1px solid transparent;*/
}
body > header nav div.row ul li > ul li.spacer:first-child {
  margin-top: 0;
}
body > header nav div.row ul li > ul li > a {
  width: 180px;
  padding: 5px 15px;
  line-height: 20px;
  height: auto;
  font-size: 14px;
  font-weight: 300;
  /*border-bottom: 1px solid #2f2f2f;*/
}
body > header nav div.row ul li.active > a {
  color: #ffee6c; /*2d92ds*/
}

/* DRITTE EBENE */
body > header nav div.row ul li > ul > li > ul {
  display: none;
  position: absolute;
  left: 180px;
  top: 0px;
  margin: 0;
  width: auto;
  background: #000;
}
body > header nav div.row ul li > ul > li > ul li > div {
  display: none;
  position: absolute;
  left: 180px;
  top: 0;
  background: #000;
  min-width: 200px;
}
body > header nav div.row ul li > ul > li > ul li > div a {
  padding: 0;
  height: auto;
}
body > header nav div.row ul li > ul > li > ul li.active > div,
body > header nav div.row ul li > ul > li.active > ul {
  display: block;
}
body > header nav div.row ul li > ul > li > ul li > div div {
  position: absolute;
  left: 15px;
  top: 15px;
}
body > header nav div.row ul li > ul > li > ul li > div div p {
  color: #fff;
}
body > header nav div.row ul li > ul > li > ul li > div div.part1 {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 20px;
}
body > header nav div.row ul li > ul > li > ul li > div div.part1 h1 {
  font-size: 28px;
  line-height: 40px;
  margin: 6px 0;
  /*color: #2d92d2;*/
  color: #fff;
}
body > header nav div.row ul li > ul > li > ul li > div div.part1 p,
body > header nav div.row ul li > ul > li > ul li > div div.part2 p {
  margin: 6px 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}


/* PREIS und Text im LAYER */
body > header nav div.row ul li > ul > li > ul li > div div.part2 p:last-child {
 font-size: 14px !important;
  font-weight: 300;
   display: none;
 
}
body > header nav div.row ul li > ul > li > ul li > div div.part2 {
  position: absolute;
  top: 335px;
  left: 15px;
  font-size: 14px !important;
  font-style: italic;
}


body > header #logo {
  display: block;
  height: 55px;
  width: 230px;
  margin-top:7px;
  background: transparent url(../img/logo.svg) left top no-repeat;
  text-indent: -1000px;
  float: left;
 background-size: cover;
}

/*********************************************************
 * BANNER
*********************************************************/
#banner {
  margin-top: 50px;
  height: 350px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#banner img {
  position: absolute;
  margin-left: -960px;
  left: 50%;
  top: 0;
}
/* STARTSEITE */
body#page-73 #banner {
  height: 930px;
}

/*********************************************************
 * BREADCRUMB
*********************************************************/
#breadcrumb {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}
#breadcrumb .row .nav-holder {
  background: #f4f4f4;
  padding: 10px;
  float: left;
}
#breadcrumb .row .nav-holder,
#breadcrumb .row .nav-holder a {
  color: #7f7f7f;
  text-decoration: none;
  font-size: 14px;
  margin: 0 5px 0 5px;
  border-radius: 5px 5px 0 0;
}
#breadcrumb .row .nav-holder a:hover {
  color: #000000;
}
#breadcrumb .row .nav-holder .current {
  color: #00579c;
  font-style: italic;
  margin: 0 5px 0 5px;
}

/*********************************************************
 * CONTENT
*********************************************************/
.tx-jfmulticontent-pi1 {
  margin: 50px 0;
}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-header {
  border: none;
  border-top: 1px solid #333;
  background: none;
  font-weight: 100;
  color: #333;
  font-size: 35px;
  border-radius: 0;
}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-header {
  border: none;
  border-top: 1px solid #333;
  background: none;
  font-weight: 100;
  color: #333;
  font-size: 35px;
  border-radius: 0;
  padding-left: 0;
}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-header:first-child {
  border-top: none;
}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  left: auto;
  right: 0;
  top: 25px;
  background: #333;
  width: 50px;
  height: 50px;
  text-indent: 0;
      border-radius: 100px;
}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-header .ui-accordion-header-icon:after {
  content: '+';
  font-size: 50px;
  color: #FFF;
  line-height: 40px;
  width: 50px;
  text-align: center;
  display: block;
  font-family: "Segoe UI Semilight", sans-serif;
  font-weight: 100;
}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon:after {
  content: '-';
}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon {
  background: #00579c;
}
.tx-jfmulticontent-pi1 .ui-accordion .ui-widget-content {
  border: none;
  background: none;
  color: #333333;
  padding: 20px 0;
}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-header a {
  font-size: 35px;
  line-height: 41px;
  font-weight: 100;
  color: #000 !important;
  margin: 0 0 40px;
  font-family: "Segoe UI Semilight", sans-serif;
}
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-header:hover .ui-accordion-header-icon {
  background: #00579c;
}

/*********************************************************
 * CONTENT
*********************************************************/
#content {
  float: left;
  width: 700px;
  padding-bottom: 50px;
  line-height: 24px;
  font-size: 16px;
}
#content.max-width {
  width: 100%;
}
#content:before,
#content:after {
  content: " ";
  display: table;
}

#content:after {
    clear: both;
}

#content a {
  color: #00579c;
  text-decoration: none;
}
#content a:hover {
  color: #000;
}
#content p {
  line-height: 22px;;
}
#sidebar table,
#content table {
  width: 100%;
  border: none;
  margin: 25px 0 0 0;
}
#sidebar table th,
#content table th {
  background: #292929;
  color: #FFF;
  font-weight: normal;
  text-align: left;
}
#sidebar table th,
#sidebar table td,
#content table th,
#content table td {
  font-size: 16px;
  line-height: 24px;
  font-weight: 100;
  padding: 5px 20px 5px;
  font-family: "Segoe UI Semilight", sans-serif;
  border-bottom: 1px solid #292929;
}
.csc-default div.csc-textpic {
  overflow: visible !important;
}
.csc-default table {
  width: 100%;
}
.csc-default figcaption {
  padding: 10px 15px;
  font-size: 14px;
  color: #000;
  line-height: 16px;
  background-color: #FFF;
}
.csc-default.white {
  background: #fff;
  padding: 25px 20px 10px 20px;
  margin: 20px 0 0 0;
  border-radius: 15px 0 15px 0;
}
.csc-default.white img {
  margin: 0 -20px;
}

.csc-default p .button {
  background: #00579c; /* Old browsers */
  background: -moz-linear-gradient(left, #00579c 0%, #2d92d2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00579c), color-stop(100%,#2d92d2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #00579c 0%,#2d92d2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #00579c 0%,#2d92d2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #00579c 0%,#2d92d2 100%); /* IE10+ */
  background: linear-gradient(to right, #00579c 0%,#2d92d2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00579c', endColorstr='#2d92d2',GradientType=1 ); /* IE6-9 */
  text-align: center;
 margin-top: 20px;
bottom: 1px;
right: 1px;
left: 1px;
display: inline-block;
padding: 14px 30px;
font-size: 14px;
line-height: 20px;
color: #fff !important;
border-radius: 100px;
}
.csc-default p .button:hover {
  background: #00579c !important;
  color: #ffee6c !important;
}
/* OVERVIEW */
.overview {
  display: block;
  width: 485px;
  background: #FFF;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  transition: box-shadow .4s;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(1);
  border-radius: 30px 0 30px 0;
}

a:hover.overview {
  /*outline:1px solid #292929;*/
  box-shadow: 0 0 25px rgba(33,33,33,.2);
  z-index: 2;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.03);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.03);   
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.03);
  transition: all 200ms ease-in;
  transform: scale(1.03);
}



.overview:nth-child(2n+2) {
  margin-right: 0;
}
.overview img {
  width: 100%;
  height: auto;
}
.overview h2 {
  padding: 10px 0;
  margin-top: 20px;
}
.overview h2,
.overview p {
  padding: 0 20px;
}
.overview p.right {
  margin: 34px 0 0;
  font-style: normal;
}

#page-424 .overview p.right,
#page-444 .overview p.right {
  font-size:16px;
  font-weight: 400;
  color: #777;
}

#page-424 .overview p,
#page-444 .overview p {
  font-style: normal;
  color: #000;
  font-size: 18px;
}

#page-424 h2,
#page-444 h2{
  color: #ff4d33;
}

#page-424 h1,
#page-444 h1 {
  color: #ff4d33;
  font-style: italic;
}
.overview p {
  font-style: italic;
}

/* PREIS RECHTS IM SLOT */
.overview p.price {
  font-size: 30px;
  margin: 10px 0;
  display: none;
}

/* STARTSEITE */
body#page-73 #breadcrumb {
  display: none;
}
body#page-73 #content {
  position: relative;
  top: -880px;
  width: 100%;
  height: 0px;
  padding-bottom: 0;
}
body#page-73 #content .csc-default.white {
  margin-left: 20px;
  width: 320px;
  height: auto;
  float: left;
  border-radius: 20px 0 20px 0;
}
body#page-73 #content .csc-default.white:first-child {
  height: auto;
  margin-bottom: 60px;
  width: 100%;
  position: relative;
  margin-left: 0;
  clear: left;
  /*background: rgba(41,41,41,0.80);*/
  /*background: rgba(0,87,156,0.85);*/
  color: #FFF;
  padding-top: 0;
  background: none;
}

html.no-rgba body#page-73 #content .csc-default.white:first-child {
background: #00579c;
}

body#page-73 #content .csc-default.white:first-child h1 {
  font-size: 45px;
  margin: 0;
  color: #fff;
  line-height: 40px;
  margin-bottom: 18px;
  font-weight: 400;
}
body#page-73 #content .csc-default.white:first-child p {
  font-size: 22px;
  line-height: 26px;
  margin: 0;
  color: #fff;
  font-weight: 400;
}
body#page-73 #content .csc-default.white:first-child h3 {
  font-size: 40px;
  margin: 28px 0;
  color: #FFF;
  font-weight: normal;
}
body#page-73 #content .csc-default.white:first-child a {
  background: #00579c; /* Old browsers */
  background: -moz-linear-gradient(left, #00579c 0%, #2d92d2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00579c), color-stop(100%,#2d92d2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #00579c 0%,#2d92d2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #00579c 0%,#2d92d2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #00579c 0%,#2d92d2 100%); /* IE10+ */
  background: linear-gradient(to right, #00579c 0%,#2d92d2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00579c', endColorstr='#2d92d2',GradientType=1 ); /* IE6-9 */
  /*background: #be3f40; /* Old browsers */
  text-align: center;
  margin-top: 30px;
  bottom: 1px;
  right: 1px;
  left: 1px;
  display: block;
  padding: 12px 0;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  width: 20%;
  border-radius: 100px;
 /* margin-left: auto;
  margin-right: auto;/*
 */
}
body#page-73 #content .csc-default.white:first-child a:hover {
  background: #00579c; /* Old browsers */
  color: #ffee6c;
}
body#page-73 #content .csc-default.white:nth-child(2) {
  margin-left: 0;
  clear: left;
  background: rgba(41,41,41,0.85);
  color: #fff;
}

body#page-73 #content .csc-default.white:nth-child(2) h3 {
  color: #ffee6c;
}

body#page-73 #content .csc-default.white:nth-child(2) a {
  color: #fff;
}

body#page-73 #content .csc-default.white:nth-child(2) a:hover {
  color: #ffee6c;
}

/*********************************************************
 * KONTAKTTEASER STARTSEITE INFO TEXT
*********************************************************/
body#page-73 #content .csc-default.white:last-child {
  margin: 20px 0 0 0;
  width: 100%;
  height: auto;
  padding: 0 0 0 20px;
  background: #ffee6c;
  display: none;
}

body#page-73 .csc-default.white img {
  margin: 0;
  transition: box-shadow .4s;
  -webkit-transition: all 150ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 150ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 150ms ease-in;
  -moz-transform: scale(1);
  transition: all 150ms ease-in;
  transform: scale(1);
  border-radius: 10px 0 10px 0;
}

body#page-73 .csc-default.white img:hover{
  box-shadow: 0 0 25px rgba(33,33,33,.2);
  z-index: 2;
  -webkit-transition: all 150ms ease-in;
  -webkit-transform: scale(1.03);
  -ms-transition: all 150ms ease-in;
  -ms-transform: scale(1.03);   
  -moz-transition: all 150ms ease-in;
  -moz-transform: scale(1.03);
  transition: all 150ms ease-in;
  transform: scale(1.03);
}
div.csc-textpic .csc-textpic-imagewrap img {
  border-radius: 15px 0 15px 0;
  }


/*********************************************************
 * KONTAKTFORMLAR
*********************************************************/
#content div.csc-mailform {
  padding-top: 20px;
}
#content div.csc-mailform ol li {
  list-style: none;
  overflow: visible;
  margin-bottom: 15px;
  clear: both;
}
#content div.csc-mailform ol li:before,
#content div.csc-mailform ol li:after {
  content: " ";
  display: table;
}

#content div.csc-mailform ol li:after {
    clear: both;
}
#content div.csc-mailform ol li label {
  margin: 0;
  width: 20%;
  font-size: 14px;
}
#content div.csc-mailform ol li input {
  width: 70%;
  margin-left: 5%;
  padding: 8px 15px;
  background: #FFF;
  border: 1px solid #ccc;
}
#content div.csc-mailform li.csc-form-element-submit input {
  width: 20%;
  margin-left: 25%;
  background: #00579c; /* Old browsers */
  background: -moz-linear-gradient(left, #00579c 0%, #2d92d2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00579c), color-stop(100%,#2d92d2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #00579c 0%,#2d92d2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #00579c 0%,#2d92d2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #00579c 0%,#2d92d2 100%); /* IE10+ */
  background: linear-gradient(to right, #00579c 0%,#2d92d2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00579c', endColorstr='#2d92d2',GradientType=1 ); /* IE6-9 */
  text-align: center;
  margin-top: 30px;
border: none !important;
bottom: 1px;
right: 1px;
left: 1px;
display: block;
padding: 14px 0;
border-radius: 100px;
font-size: 14px;
line-height: 20px;
color: #fff;
}

#content div.csc-mailform li.csc-form-element-submit input:hover {
  background: #00579c !important;
  color: #ffee6c !important;
}

#content div.csc-mailform label em,
#content div.csc-mailform legend em {
  text-transform: none;
  font-size: 11px;
  line-height: 14px;
}
#content div.csc-mailform ol li textarea {
  width: 70%;
  margin-left: 5%;
  resize:vertical;
  background: #FFF;
  border: 1px solid #ccc;
  padding: 8px 15px;
}
#content div.csc-mailform li input:focus,
#content div.csc-mailform li textarea:focus {
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
  outline: none;
}

/*********************************************************
 * SIDEBAR
*********************************************************/
#sidebar {
  width: 270px;
  margin-left: 30px;
  float: left;
}
#sidebar .clearfix:before,
#sidebar .clearfix:after {
  content: " ";
  display: table;
}

#sidebar .clearfix:after {
    clear: both;
}
#sidebar ul.sidebar-icons {
  display: block;
  padding: 0;
  margin: 25px 0 25px 0;
}
#sidebar ul.sidebar-icons li {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
#sidebar ul.sidebar-icons li a {
  display: block;
  padding: 10px 0 10px 40px;
  margin-bottom: 10px;
  font-size: 20px;
  color: #000;
}
#sidebar ul.sidebar-icons li a:hover {
  color: #00579C;
}
#sidebar ul.sidebar-icons li.technische-daten a {
  background: transparent url(../img/icon_technischedaten.png) 5px center no-repeat;
}
#sidebar ul.sidebar-icons li.broschuere a {
  background: transparent url(../img/icon_broschuere.png) 5px center no-repeat;
}
#sidebar ul.sidebar-icons li.preisliste a {
  background: transparent url(../img/icon_preisliste.png) 5px center no-repeat;
}


/*********************************************************
 * FOOTER
*********************************************************/
footer {
  color: #FFF;
}
footer a {
  color: #8a8a8a;
  text-decoration: none;
  font-weight: 300;
}
footer a:hover {
  color: #FFF;
  text-decoration: none;
}
footer .level1 {
  background: #2F2F2F;
  padding: 25px 0;
}
footer .level1 p {
  margin: 0 0 20px 0;
}
footer .level1 ul {
  margin-bottom: 3px;
}
footer .level1 ul li {
  font-size: 26px;
  text-transform: uppercase;
  margin-right: 30px;
  font-weight: 400 !important;
}
footer .level1 ul li a {
  color: #FFF;
  text-decoration: none;
  font-weight: 400;
  cursor: pointer;
}
footer .level1 ul li a:hover {
  color: #ffee6c;
  text-decoration: none;
}
footer .level2 {
  background: #292929;
  padding: 30px 0;
}
footer .level2 p {
  margin: 0 0 15px 0;
}
footer .level2 .column {
  width: 20%;
  float: left;
}
footer .level2 p a {
  text-transform: uppercase;
  color: #FFF;
  font-size: 12px;
  letter-spacing:1px;
}

footer .level2 p a:hover {
  color: #ffee6c;
}

footer .level2 ul {
  margin: 0;
  padding: 0;
}
footer .level2 ul li {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
  font-size:13px;
}
footer .level3 {
  background: #1E1E1E;
  padding: 15px 0;
}
footer .level3 ul {
  margin: 0;
  padding: 0;
}
footer .level3 ul li {
  margin: 0 20px 0 0;
  padding: 0;
  font-size:13px;
}

footer .level1 ul li:last-child {
    margin-right: 0;
}

#sonderangebot {
  width: 165px;
  height: 50px;
  background: transparent url(../img/sonderangebot.png) left top no-repeat;
  text-indent: -1000px;
  background-size: cover;
  position: fixed;
  bottom: 0;
  z-index: 1000;
  right: 0;
  display: block;
  opacity: 0.75;
}

#sonderangebot:hover {
  width: 165px;
  height: 50px;
  opacity: 100;
}

#sale {
  width: 96px;
  height: 50px;
  background: transparent url(../img/sale.png) left top no-repeat;
  text-indent: -1000px;
  background-size: cover;
  position: fixed;
  top: 280px;
  z-index: 2000;
  left: 0;
  display: block;
  opacity: 0.90;
}

#sale:hover {
  opacity: 100;
}

#page-navigation {
  font-size: 12px;
  line-height: 13px;
  margin-top:25px;
  position:relative;
}

.fixet {
  position: fixed !important;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 100;
}

#page-navigation a {
  color:#7f7f7f !important;
  -webkit-transition: .24s ease-in-out;
  transition: .24s ease-in-out;
  -webkit-transform: scale(1);
  transform: scale(1);
  border-radius: 10px 0 10px 0;
}

#page-navigation a:hover {
  color:#292929 !important;
  border: 2px solid #7f7f7f;
}
  
#page-navigation .next {
  border: 1px solid silver;
  display: block;
  width:auto;
  height:40px;
  right: 30px;
  position:absolute;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  transform: skewX(-20deg)
}

#page-navigation .prev {
  border: 1px solid silver;
  display: block;
  width:auto;
  height:40px;
  left: 30px;
  position:absolute;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  transform: skewX(-20deg)

}

@media only screen and (max-width: 1024px) {
#page-navigation  {
    display: none;
  }
}

/*********************************************************
 * MOBILE
*********************************************************/
#mobile_menue {
  display: none;
}
@media screen and (max-width: 480px){

#content {
  width: 100vw;
  padding: 0 20px 30px 20px;
}
body#page-73 #content {
  height: 760px;
}
#content.max-width {
  width: 100vw;
  padding: 0 20px 0 20px;

}
.overview {
  width: 90vw;
  }
#sidebar {
  display: none;
  }
div.csc-textpic .csc-textpic-imagewrap img {
  width: 90vw;
  height: auto;
  }
#banner {
  /*display: none;*/
  margin-top: 70px;
  }
.row {
  width: 100vw;
  }
body > header nav div.row ul li > ul {
  height: 0px !important;
  padding: 0;
  }
body > header nav div.row ul li > ul li {
  display: none;
  }
body > header nav div.row ul li {
    /*float: none;*/
  }
body > header nav {
  height: auto;
  top: 70px;
  padding: 3px 0 10px 0;
  }
body > header #service-holder .right ul {
  display: none;
  }
h1 {
  font-size: 32px;
  margin: 10px 0 10px;
  line-height: 40px;
  }
h2 {
  font-size: 22px;
  line-height: 28px;
  }
body {
  width: 100vw;
  overflow-x:hidden;
  }
body > header nav div.row ul li a {
  letter-spacing: 0px;
  height: 35px;
  padding: 0px 8px;
  }
body > header nav div.row ul {
  margin: 0;
  padding: 0 15px;
  }
body > header #logo {
  margin-left: 15px;
  width: 189px;
  height: 45px;
  margin-top: 4px;
  background-size: cover;
  }
body > header #service-holder {
  height: 70px;
  }
footer .level2 .column {
  width: 100%;
  text-align: center;
  float: none;
  }
footer .level1 {
  display: none;
  }
footer .level3 {
  width: 100%;
  text-align: center;
  float: none;
  padding-bottom:80px;
  }
footer .level3 ul li {
  display: block;
  margin: 0 0 15px 0;
  }
body > header nav div.row > ul > li > a {
  text-transform: none;
  }
body > header nav div.row > ul > li:last-child > a {
  font-size: 14px !important;
  }
body#page-73 #content .csc-default.white:first-child a {
  width: 100%;
  }
body#page-73 #content .csc-default.white {
  margin-left: 0;
  width: 100%;
  }
 body#page-73 .csc-default.white img {
  width: 100%;
  }
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0;
  }
div.csc-textpic .csc-textpic-imagewrap img {
  margin-bottom: 15px;
  }
.tx-jfmulticontent-pi1 .ui-accordion .ui-accordion-header a {
  font-size: 22px;
  }
}

 body#page-428 #breadcrumb .row .nav-holder {
  display: none;
  }



.cc-window {
  opacity: 1;
  transition: opacity 1s ease
}

.cc-window.cc-invisible {
  opacity: 0
}

.cc-animate.cc-revoke {
  transition: transform 1s ease
}

.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em)
}

.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em)
}

.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
  transform: translateY(0)
}

.cc-grower {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s
}

.cc-link,
.cc-revoke:hover {
  text-decoration: underline
}

.cc-revoke,
.cc-window {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  font-family: Helvetica, Calibri, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999
}

.cc-window.cc-static {
  position: static
}

.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -ms-flex-direction: column;
  flex-direction: column
}

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row
}

.cc-revoke {
  padding: .5em
}

.cc-header {
  font-size: 18px;
  font-weight: 700
}

.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor: pointer
}

.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em
}

.cc-link:hover {
  opacity: 1
}

.cc-link:active,
.cc-link:visited {
  color: initial
}

.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: .9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap
}

.cc-banner .cc-btn:last-child {
  min-width: 140px
}

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent
}

.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline
}

.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75
}

.cc-close:focus,
.cc-close:hover {
  opacity: 1
}

.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em
}

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em
}

.cc-revoke.cc-left {
  left: 3em;
  right: unset
}

.cc-revoke.cc-right {
  right: 3em;
  left: unset
}

.cc-top {
  top: 1em
}

.cc-left {
  left: 1em
}

.cc-right {
  right: 1em
}

.cc-bottom {
  bottom: 1em
}

.cc-floating>.cc-link {
  margin-bottom: 1em
}

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em
}

.cc-window.cc-floating .cc-compliance {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}

.cc-window.cc-banner {
  -ms-flex-align: center;
  align-items: center
}

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0
}

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0
}

.cc-banner .cc-message {
  -ms-flex: 1;
  flex: 1
}

.cc-compliance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between
}

.cc-compliance>.cc-btn {
  -ms-flex: 1;
  flex: 1
}

.cc-btn+.cc-btn {
  margin-left: .5em
}

@media print {
  .cc-revoke,
  .cc-window {
    display: none
  }
}

@media screen and (max-width:900px) {
  .cc-btn {
    white-space: normal
  }
}

@media screen and (max-width:414px) and (orientation:portrait),
screen and (max-width:736px) and (orientation:landscape) {
  .cc-window.cc-top {
    top: 0
  }
  .cc-window.cc-bottom {
    bottom: 0
  }
  .cc-window.cc-banner,
  .cc-window.cc-left,
  .cc-window.cc-right {
    left: 0;
    right: 0
  }
  .cc-window.cc-banner {
    -ms-flex-direction: column;
    flex-direction: column
  }
  .cc-window.cc-banner .cc-compliance {
    -ms-flex: 1;
    flex: 1
  }
  .cc-window.cc-floating {
    max-width: none
  }
  .cc-window .cc-message {
    margin-bottom: 1em
  }
  .cc-window.cc-banner {
    -ms-flex-align: unset;
    align-items: unset
  }
}

.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -ms-flex: none;
  flex: none
}

.cc-theme-classic .cc-btn {
  border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
  min-width: 140px
}

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block
}

.cc-theme-edgeless.cc-window {
  padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em 2em 1.5em
}

.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%
}

.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
  margin-left: 0
}


body#page-252 #banner,
body#page-136 #banner,
body#page-138 #banner,
body#page-140 #banner,
body#page-141 #banner,
body#page-142 #banner,
body#page-143 #banner,
body#page-144 #banner,
body#page-389 #banner,
body#page-137 #banner,
body#page-139 #banner,
body#page-111 #banner,
body#page-428 #banner,
body#page-110 #banner,
body#page-434 #banner,
body#page-442 #banner {
  height: 550px;
  }