/* 0) Table of Contents :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    2014 by buero@maisengasse.at

    > based on main.css

    0) Imports
    1) Basic Styling
    2) Header
    3) Main
    4) Forms
    5) Mobile

*/
/* a) Fonts ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@font-face {
  font-family: 'Arnhem Pro';
  src: url('/static/kompo/fonts/arnhem-pro-normal.eot?631d3a546a66');
  src: url('/static/kompo/fonts/arnhem-pro-normal.eot?&631d3a546a66#iefix') format('embedded-opentype'), url('/static/kompo/fonts/arnhem-pro-normal.woff?631d3a546a66') format('woff'), url('/static/kompo/fonts/arnhem-pro-normal.ttf?631d3a546a66') format('truetype'), url('/static/kompo/fonts/arnhem-pro-normal.svg?631d3a546a66#Arnhem Pro') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Arnhem Pro';
  src: url('/static/kompo/fonts/arnhem-pro-bold.eot?631d3a546a66');
  src: url('/static/kompo/fonts/arnhem-pro-bold.eot?&631d3a546a66#iefix') format('embedded-opentype'), url('/static/kompo/fonts/arnhem-pro-bold.woff?631d3a546a66') format('woff'), url('/static/kompo/fonts/arnhem-pro-bold.ttf?631d3a546a66') format('truetype'), url('/static/kompo/fonts/arnhem-pro-bold.svg?631d3a546a66#Arnhem Pro') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Vista Sans OT';
  src: url('/static/kompo/fonts/vistasansot-reg.eot?631d3a546a66');
  src: url('/static/kompo/fonts/vistasansot-reg.eot?&631d3a546a66#iefix') format('embedded-opentype'), url('/static/kompo/fonts/vistasansot-reg.woff?631d3a546a66') format('woff'), url('/static/kompo/fonts/vistasansot-reg.ttf?631d3a546a66') format('truetype'), url('/static/kompo/fonts/vistasansot-reg.svg?631d3a546a66#Vista Sans OT') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Vista Sans OT';
  src: url('/static/kompo/fonts/vistasansot-med.eot?631d3a546a66');
  src: url('/static/kompo/fonts/vistasansot-med.eot?&631d3a546a66#iefix') format('embedded-opentype'), url('/static/kompo/fonts/vistasansot-med.woff?631d3a546a66') format('woff'), url('/static/kompo/fonts/vistasansot-med.ttf?631d3a546a66') format('truetype'), url('/static/kompo/fonts/vistasansot-med.svg?631d3a546a66#Vista Sans OT') format('svg');
  font-weight: bold;
  font-style: normal;
}
/* b) Colors ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.base-color {
  color: #41414f;
}
.grey-light {
  color: #e6e6e6;
}
.grey-middle {
  color: #808080;
}
.disabled {
  color: #cccccc;
}
.primary {
  color: #6ca684;
}
.primary-light {
  color: #aecfba;
}
/* c) Typo :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.base {
  font-size: 18px;
}
.sans {
  font-family: "Vista Sans OT", "Trebuchet MS", Arial, sans-serif;
}
.serif {
  font-family: "Arnhem Pro", Georgia, "Times New Roman", Times, serif;
}
.small {
  font-size: 14px /*0.77em*/;
}
.midi {
  font-size: 16px /*0.88em*/;
}
.maxi {
  font-size: 24px;
  letter-spacing: -0.02em;
}
.multi {
  font-size: 32px;
  letter-spacing: -0.03em;
}
.from {
  font-family: "Vista Sans OT", "Trebuchet MS", Arial, sans-serif;
  font-size: 16px;
  color: rgba(65, 65, 79, 0.4);
}
/* c) Grid ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.row.equal-height {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row.equal-height:before {
  display: none;
}
.clearer {
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  overflow: hidden;
}
.left {
  float: left;
}
.right,
.col.right {
  float: right;
}
.centered {
  margin: 0px auto;
}
.relative {
  position: relative;
}
.tableDiv {
  display: table;
  width: 100%;
}
.tableCellMiddle {
  display: table-cell;
  vertical-align: middle;
}
.tableCellBottom {
  display: table-cell;
  vertical-align: bottom;
}
.overflow {
  overflow: hidden;
  text-indent: -999px;
  font-size: 0px;
  line-height: 0px;
}
.rounded {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  behavior: url('/static/kompo/less/lib/pie/PIE.htc');
  /* Absolute URL verwenden http://www.abc.at/lib/pie/PIE.htc */

}
.roundedTop {
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-radius-topleft: 3px;
  -webkit-border-radius-topright: 3px;
  -khtml-border-radius-topleft: 3px;
  -khtml-border-radius-topright: 3px;
  border-radius: 3px 3px 0px 0px;
  behavior: url('/static/kompo/less/lib/pie/PIE.htc');
  /* Absolute URL verwenden http://www.abc.at/lib/pie/PIE.htc */

}
.shadow {
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  behavior: url('/static/kompo/less/lib/pie/PIE.htc');
  /* Absolute URL verwenden http://www.abc.at/lib/pie/PIE.htc */

}
.innershadow {
  -moz-box-shadow: 1px 0px 4px #444 inset;
  -webkit-box-shadow: 1px 0px 4px #444 inset;
  box-shadow: 1px 0px 4px #444 inset;
  behavior: url('/static/kompo/less/lib/pie/PIE.htc');
  /* Absolute URL verwenden http://www.abc.at/lib/pie/PIE.htc */

}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
.opacity:hover {
  opacity: 0.8;
}
.noList {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: 0;
  outline: 0;
}
.none {
  display: none;
}
.block {
  display: block;
}
.borderBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* 1) Basic Styling :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body {
  font-family: "Vista Sans OT", "Trebuchet MS", Arial, sans-serif;
}
.greyHalfBg body {
  background: url('/static/kompo/images/bg_halfgrey.png?631d3a546a66') repeat-y center;
}
.greyBg body {
  background: #F7F7F8;
}
h1 {
  font-size: 55px;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: -0.05em;
}
h1.breadcr {
  font-size: 40px;
}
h1.breadcr a {
  color: #A0A0A7;
}
h2 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
}
h3 {
  font-size: 1em;
}
h4 {
  font-size: 18px;
}
a.help {
  position: fixed;
  left: -60px;
  top: 50%;
  margin-top: -60px;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
}
table th {
  font-size: 16px /*0.88em*/;
  color: #808080;
}
table tr.disabled td {
  background: none;
  color: #808080;
}
table tr:nth-child(2n) td {
  background: #FFF;
}
/* Gallery */
.carousel-control {
  width: 30px;
  height: 30px;
  top: auto;
  bottom: 0px;
  background: url('/static/kompo/images/icons.png?631d3a546a66') no-repeat 2px -361px #e6e6e6 !important;
  opacity: 1;
}
.carousel-control.left:hover {
  background-position: 2px -321px !important;
}
.carousel-control.right {
  background-position: 3px -401px !important;
}
.carousel-control.right:hover {
  background-position: 3px -441px !important;
}
/* Styles */
.grey {
  background: #ECECED;
}
.line {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.csi-loading {
  background: url('/static/kompo/images/ajax-loader-small.gif?631d3a546a66') no-repeat center center;
  height: 80px;
}
/* 2) Header ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
header nav.main {
  width: 100%;
}
header nav.sub {
  background: transparent;
}
header nav.tabbed .container {
  padding-left: 20px;
}
header nav.tabbed li {
  margin-right: 5px;
}
header nav.tabbed li a {
  position: relative;
  background: #33333A;
  border-radius: 0px;
  padding: 14px;
  text-decoration: none;
}
header nav.tabbed li.status a {
  padding-right: 35px;
}
header nav.tabbed li.status span {
  display: block;
  position: absolute;
  text-align: center;
  font-size: 12px;
  padding: 0px 5px;
  top: 0px;
  right: 0px;
  line-height: 51px;
}
header nav.tabbed li.active a {
  border-radius: 0px;
}
header nav.tabbed li.featured {
  float: right;
}
header nav.tabbed li.featured a {
  background-color: #6ca684;
}
header nav.sub.tabbed li {
  padding: 0;
  margin-right: 5px;
  border-right: none;
}
header nav.sub.tabbed li a {
  top: 0;
}
header .navBox {
  z-index: 2;
  margin-bottom: 60px;
}
header nav.member a.open {
  display: inline-block;
  text-align: left;
  text-decoration: none;
  padding-right: 27px;
  background: url('/static/kompo/images/icons.png?631d3a546a66') right -260px no-repeat;
  position: relative;
  right: -8px;
}
header nav.member img {
  border-radius: 40px;
  display: inline-block;
  margin-right: 15px;
}
header nav.member a b {
  color: #FFF;
}
header .col-xs-2 img {
  margin-top: 12px;
}
#appSearch {
  position: absolute;
  top: -75px;
  left: 250px;
  width: 25%;
  z-index: 50;
}
#appSearch input {
  width: 100%;
}
#jquery-live-search {
  z-index: 2000;
}
#liveSearchBox {
  width: 500px;
  position: relative;
  left: 20px;
}
#liveSearchBox .inner {
  padding-top: 10px;
}
#liveSearchBox h5 {
  margin-top: 10px;
  margin-bottom: 2px;
}
/* Onboarding */
html.onboarding {
  height: 100%;
}
html.onboarding body {
  height: 100%;
  background: #41414F;
}
html.onboarding h3 {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #41414f;
}
html.onboarding .outerlogo {
  margin-bottom: 70px;
}
html.onboarding .outerlogo,
html.onboarding .text {
  text-align: center;
}
html.onboarding header {
  position: relative;
}
html.onboarding header b {
  color: #FFF;
}
html.onboarding header .text a {
  color: #6ca684;
  text-decoration: underline;
}
html.onboarding header p {
  margin-bottom: 30px;
}
html.onboarding .bgWhite {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFFFFF;
  width: 750px;
  margin: 0px auto;
  border-radius: 20px;
  padding: 40px;
  margin-bottom: 70px;
}
html.onboarding .bgWhite p {
  color: #808080;
}
html.onboarding .bgWhite table p {
  color: #41414f;
  margin: 0px;
  font-weight: bold;
}
html.onboarding .bgWhite fieldset {
  text-align: left;
  margin-bottom: 30px;
}
html.onboarding table th {
  font-size: 14px /*0.77em*/;
  color: #808080;
  text-align: center;
}
html.onboarding table td.col-xs-2 {
  width: 12%;
  text-align: center;
}
html.onboarding table td {
  border-top: 1px solid #EBEBEB;
  border-bottom: none;
  padding: 15px 0px;
}
html.onboarding table tr:last-child td {
  border-bottom: 1px solid #EBEBEB;
}
html.onboarding table tr.none td {
  border-top: none;
}
html.onboarding .arrowDown,
html.onboarding .arrowUp,
html.onboarding table a {
  color: #6ca684;
  text-decoration: underline;
}
html.onboarding .form-group {
  clear: both;
}
html.onboarding .form-group .col-xs-6 {
  width: 66.5%;
}
html.onboarding label.control-error {
  padding: 0px;
  margin: 10px 0px 0px 0px;
  width: 100%;
  padding-left: 33%;
  line-height: 20px;
}
html.onboarding .btn-default.disabled {
  opacity: 1;
  color: #41414f;
}
.sticky.onboarding header {
  height: 100%;
}
.sticky.onboarding header .text {
  position: absolute;
  left: 0px;
  width: 100%;
  top: 50%;
  margin-top: -200px;
}
/* 3) Main ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
section.content {
  padding-top: 45px;
}
.twoCol,
.oneCol {
  border-bottom: 0px;
  margin-bottom: 0px;
}
.twoCol.grey {
  padding-top: 60px;
}
/* Layout grauer Bg */
section.content.bgGrey {
  background: #F7F7F8;
}
section.content.bgGrey .dark {
  color: #333333;
}
section.content.bgGrey h2,
section.content.bgGrey h3 {
  font-size: 30px;
}
section.content.bgGrey .header .btn-primary,
section.content.bgGrey .footer .btn-primary {
  margin-right: 0px;
}
section.content.bgGrey nav.tabbed {
  border-radius: 3px 3px 0px 0px;
}
section.content.bgGrey .innerForm {
  padding: 30px 0px 0px 0px;
  background: #FFF;
  border: 1px solid #ECECED;
  margin-bottom: 12px;
}
section.content.bgGrey .innerForm .row {
  padding-left: 150px;
  padding-right: 150px;
}
section.content.bgGrey .innerForm .row.settings {
  padding: 0px 0px 20px 0px;
  margin: 20px;
}
section.content.bgGrey .innerForm .row.settings.grey {
  border: none;
  margin: 0px 0px 20px 0px;
  padding: 20px;
}
.innerForm ul {
  padding-left: 15px;
}
/* Components */
article.components.full {
  position: relative;
}
article.components.full .inner {
  padding: 17px;
  margin-bottom: 17px;
  background: #f2f2f3;
  border: 1px solid #cfcfd3;
}
article.components.full p {
  margin-bottom: 0px;
}
article.components.full h3 {
  font-size: 25px;
  margin-bottom: 0px;
}
article.components.full p {
  margin-bottom: 17px;
}
article.components.full .bg-success {
  border: 1px solid #a0d3a5;
}
article.components.full .bg-success h3 {
  color: #AECFBA;
}
article.components.full .bg-success h3 b {
  color: #6ca684;
}
article.components.full .bg-info {
  border: 1px solid #d2c6b5;
}
article.components.full .bg-info h3 {
  color: #C8B8A4;
}
article.components.full .bg-info h3 b {
  color: #a58c6b;
}
article.components.full .inner .text-right {
  padding-top: 8px;
}
article.components.full .inner .text-right a.btn {
  margin-right: 0px;
}
article.components.big h3 {
  color: #808080;
  margin-bottom: 10px;
}
article.components.big .h4 {
  font-size: 25px;
  color: #41414f;
}
article.components.big .col-md-4 .inner {
  height: 190px;
}
article.components.big .carousel {
  padding: 0px;
  margin: 0px 9px 0px 0px;
}
article.components.big .carousel-indicators {
  bottom: 20px;
  margin: 0px;
  left: 15px;
}
article.components.big .info .carousel-indicators li {
  background: #D5CABA;
  border: #D5CABA;
}
article.components.big .info .carousel-indicators li.active {
  background: #A58C6B;
  border: #A58C6B;
}
article.components.big .green .carousel-indicators li {
  background: #C0D3C0;
  border: #C0D3C0;
}
article.components.big .green .carousel-indicators li.active {
  background: #6ca684;
  border: #6ca684;
}
article.components.big .col-md-4 .inner {
  margin-right: 0px;
}
article.components.big .bg-success h3,
article.components.big .bg-success a {
  color: #6ca684;
}
article.components.big .bg-info h3 {
  color: #A58C6B;
}
.ie-80 div.radarCol {
  display: none;
}
article.row {
  margin-left: 0;
  margin-right: 0;
}
article.components td:last-child {
  width: auto;
}
article.components h2 {
  font-size: 32px;
}
article.components .bg-recommended h3 {
  color: #6ca684;
}
article.components .bg-recommended h3.primary-light {
  color: #aecfba;
}
article.components .grid .bg-info .detail,
.bg-info .detail a {
  color: #A58C6B;
}
/* Grid */
.grid .iconDisabled {
  background-position: -6px -238px;
}
/* Text */
article.text h4 {
  margin-top: 40px;
  margin-bottom: 25px;
  font-weight: bold;
}
article.text h4:first-child {
  margin-top: 0;
}
.rightCol article.img img {
  width: 340px;
}
/* Invoices */
table.invoices td {
  vertical-align: top;
}
/* Entrepreneur Orders */
table.orders td {
  padding-left: 0px;
  padding-right: 0px;
  vertical-align: top;
}
table.orders th {
  border-bottom: 1px dotted #c2c2c6;
}
table.orders th:last-child,
table.orders td:last-child {
  text-align: right;
}
table.orders .c2 {
  padding-left: 20px;
  padding-right: 20px;
}
table.orders td.c6 {
  text-align: right;
  padding-right: 20px;
}
table.orders select {
  color: #999;
  background: #FFF;
  border: 1px solid #C3C5C6;
  border-radius: 5px;
}
table.orders select option {
  color: #41414f;
}
table.orders .state1 select,
table.orders .state3 select {
  color: #F05923;
}
table.orders .state7 select,
table.orders .state9 select {
  color: #6ca684;
}
table.orders .state5 select {
  color: #B78C67;
}
.webOrders h2 {
  font-size: 32px;
  letter-spacing: -0.03em;
}
.webOrders .tab {
  padding: 20px 20px 10px 20px;
  background: #FFF;
  border: 1px solid #E6E6E6;
}
.webOrders .content nav.tabbed {
  border-radius: 3px 3px 0px 0px;
}
table.priceTable {
  text-align: right;
  margin-bottom: 20px;
}
.richtext h3 {
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 2.6em;
  margin-bottom: 0px;
}
aside .richtext ul {
  margin: 0;
}
/* Comments */
section.content.bgGrey .comments.innerForm {
  background: transparent;
}
section.content > .container {
  margin: 0 auto;
}
.container.comments h3,
section.comments h3 {
  font-size: 32px;
  font-weight: bold;
  letter-spacing: -0.04em;
}
.container.comments h4,
section.comments h4 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}
.container.comments .line,
section.comments .line {
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.container.comments .col-xs-2,
section.comments .col-xs-2 {
  width: 13%;
}
.container.comments .col-xs-10,
section.comments .col-xs-10 {
  width: 87%;
  padding-right: 152px;
}
.container.comments .corner,
section.comments .corner {
  position: absolute;
  left: -14px;
  top: 30px;
  width: 16px;
  height: 26px;
  background: url('/static/kompo/images/comment-bg.png?631d3a546a66') no-repeat top;
}
.container.comments .comment .textBox .corner,
section.comments .comment .textBox .corner {
  left: -16px;
  background-position: right -25px;
  height: 24px;
}
.container.comments .comment.unseen .textBox .corner,
section.comments .comment.unseen .textBox .corner {
  background-position: right -78px;
}
.container.comments .comment .corner,
section.comments .comment .corner {
  left: -15px;
}
.container.comments .corner.focus,
section.comments .corner.focus {
  background-position: bottom right;
}
.container.comments .has-error .corner,
section.comments .has-error .corner {
  background-position: right -50px;
}
.container.comments .comment,
section.comments .comment {
  margin-bottom: 30px;
}
.container.comments textarea,
section.comments textarea {
  min-height: 125px;
  margin-bottom: 15px;
  padding: 20px;
}
.container.comments img.rounded,
section.comments img.rounded {
  border-radius: 80px;
}
.container.comments .textBox,
section.comments .textBox {
  position: relative;
  background: #FFF;
  border: 1px solid #CCC;
  margin-bottom: 8px;
}
.container.comments .textBox .text,
section.comments .textBox .text,
.container.comments .textBox .img,
section.comments .textBox .img {
  padding: 20px;
}
.container.comments .textBox .img img.border,
section.comments .textBox .img img.border {
  border: 1px solid #CCC;
}
.container.comments .textBox .text,
section.comments .textBox .text {
  padding-bottom: 0px;
  min-height: 85px;
}
.container.comments .textBox .img,
section.comments .textBox .img {
  margin: 0;
  border-top: 1px solid #CCC;
}
.container.comments .textBox .img img,
section.comments .textBox .img img {
  margin-bottom: 7px;
}
.container.comments .textBox .imgLink,
section.comments .textBox .imgLink {
  font-size: 14px /*0.77em*/;
  text-decoration: none;
}
.container.comments .unseen .textBox,
section.comments .unseen .textBox {
  border-color: #F05923;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(240, 89, 35, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(240, 89, 35, 0.6);
}
.container.comments .imgBox,
section.comments .imgBox {
  padding: 20px;
}
.container.comments .imgBox .left,
section.comments .imgBox .left {
  width: 590px;
}
.container.comments .imgBox .right,
section.comments .imgBox .right {
  width: 150px;
}
.container.comments .statusBox p,
section.comments .statusBox p {
  padding: 20px;
  margin: 0px;
}
.container.comments .statusBox p.bg-success,
section.comments .statusBox p.bg-success {
  color: #6ca684;
}
.container.comments .statusBox p.bottom,
section.comments .statusBox p.bottom {
  border-top: 1px solid #CCC;
  padding: 15px;
}
.container.comments .loader,
section.comments .loader {
  padding-left: 20px;
  padding-top: 0;
  background: url('/static/kompo/images/ajax-loader-small.gif?631d3a546a66') no-repeat;
}
.container.comments .option,
section.comments .option {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E6E6E6;
}
.container.comments .option b,
section.comments .option b {
  color: #000000;
}
.container.comments .option .btn,
section.comments .option .btn {
  position: relative;
  top: -2px;
}
.container.comments .option .arrowDown,
section.comments .option .arrowDown,
.container.comments .option .arrowUp,
section.comments .option .arrowUp {
  white-space: nowrap;
}
.container.comments .option .more,
section.comments .option .more {
  margin-bottom: 20px;
}
.container.comments .infos h4:first-child,
section.comments .infos h4:first-child {
  margin-top: 0;
}
.container.comments .infos h4,
section.comments .infos h4 {
  margin-top: 55px;
  margin-bottom: 5px;
}
.container.comments .infos .channel-sideframe-section,
section.comments .infos .channel-sideframe-section {
  border-bottom: solid #ECECED 2px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.container.comments .infos .formBox h4,
section.comments .infos .formBox h4 {
  margin-top: -5px;
  margin-bottom: 20px;
}
section.comments .smallChannel .col-xs-2 {
  width: 20%;
}
section.comments .smallChannel .col-xs-10 {
  width: 80%;
  padding-right: 0px;
}
section.comments .smallChannel .container {
  width: 100%;
}
.agb .scrollContainer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #ECECED;
  width: 100%;
  height: 500px;
  overflow-y: scroll;
}
.agb .scrollContainer h3 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 40px;
}
.agb .scrollContainer h4 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 10px;
}
.agb .scrollContainer p {
  font-size: 16px;
}
.agb .scrollContainer ul {
  margin-left: 18px;
}
#radar {
  margin-bottom: 1em;
}
#radarTip {
  background-color: #2E2D35;
  border-radius: 6px;
  font-size: 0.8em;
  color: #fff;
  cursor: default;
  display: none;
  padding: 10px;
  position: absolute;
  white-space: nowrap;
  z-index: 2147483647;
  line-height: 18px;
  padding: 6px 10px;
}
/* 4) Forms :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
label {
  margin-bottom: 0px;
}
.required label {
  color: #41414f;
}
.required label:first-child:after {
  content: "*";
}
label.grey-middle {
  line-height: 43px;
}
.lineheightInput {
  line-height: 46px;
}
.select-style {
  background-position: right -518px;
}
input.form-control.h3 {
  font-size: 30px;
  margin: 0px;
  font-size: bold;
  color: #41414f;
}
input.h4 {
  font-size: 25px;
}
.iconInfo {
  display: block;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  width: 20px;
  line-height: 20px;
  border-radius: 20px;
  text-decoration: none;
  position: absolute;
  left: -30px;
  top: 50%;
  margin-top: -10px;
  background: url('/static/kompo/images/icons.png?631d3a546a66') no-repeat -2px -488px #6ca684;
}
.iconInfo.top {
  top: 0px;
  margin-top: 0px;
}
.iconInfo.topRight {
  left: auto;
  right: -30px;
}
.dashed {
  color: #808080;
  border: 2px dashed #FFF;
  text-align: center;
  padding: 20px;
}
.dashed.darkgrey {
  border-color: #E6E6E6;
}
.dashed.green {
  color: #6ca684;
  border-color: #6ca684;
}
.loader {
  background: url('/static/kompo/images/ajax-loader-green.gif?631d3a546a66') center 20px no-repeat;
  padding-top: 80px;
}
input.smallInput,
input.miniInput {
  display: inline-block;
  width: 100px;
  margin-right: 15px;
}
input.miniInput {
  width: 55px;
  margin-right: 5px;
}
.optionInfo {
  display: none;
}
.formhelp {
  background: #FFF;
  padding: 13px 60px 13px 13px;
  border-radius: 10px;
  margin-bottom: 40px;
  position: relative;
  min-height: 40px;
}
.formhelp p {
  margin-bottom: 0px;
}
.formhelp a.close {
  display: block;
  position: absolute;
  right: 13px;
  top: 13px;
  width: 15px;
  height: 15px;
  opacity: 1;
  background: url('/static/kompo/images/icons.png?631d3a546a66') -5px -931px no-repeat;
}
.formhelp a.close.collapsed {
  transform: rotate(45deg);
}
.has-feedback .form-control {
  padding-right: 12px;
}
thead.sorted tr th {
  padding: 7px 10px;
}
.innerForm {
  font-size: 16px /*0.88em*/;
  /* Row: Subdomain */

  /* Row: Options */

  /* Row: Grey */

  /* Row: Save */

  /* Row: DropIn */

  /* Row: Select */

  /* Row: Image */

  /* Row: Products */

  /* Row: Settings */

  /* News */

}
.innerForm b {
  color: #41414f;
}
.innerForm p {
  margin-bottom: 20px;
}
.innerForm .btn {
  margin-right: 0px;
}
.innerForm fieldset {
  margin-bottom: 20px;
}
.innerForm label {
  font-weight: normal;
  display: inline-block;
  padding-right: 12px;
}
.innerForm label.control-error {
  position: absolute;
  left: 0px;
  top: 0px;
}
.innerForm .form-group-labeled label.control-error {
  position: static;
  display: block;
  text-align: right;
  clear: both;
  margin-right: 105px;
}
.innerForm .form-group-row {
  margin-left: -10px;
  margin-right: -10px;
}
.innerForm input[name=title] {
  font-size: 24px;
  font-weight: bold;
  height: auto;
}
.innerForm fieldset .control-input {
  position: relative;
  margin-bottom: 12.5px;
}
.innerForm fieldset .cke_toolbox a:before {
  content: "";
}
.innerForm .control-input.price input {
  width: 50%;
}
.innerForm .control-input.price .col-xs-4 {
  padding: 0;
  width: 30%;
}
.innerForm .required label:after {
  content: "*";
}
.innerForm .has-feedback label.control-error:after {
  content: "";
}
.innerForm .has-feedback label.control-error {
  display: inline;
  position: static;
  text-align: right;
  width: 85%;
  margin-top: -15px;
}
.innerForm fieldset .control-input.checkbox {
  margin-bottom: 0px;
  margin-top: 4px;
  margin-left: 25px;
}
.innerForm .smallCol .select-style {
  height: 46px;
  background-position: right -515px;
}
.innerForm .smallCol .select-style select.form-control {
  width: 130%;
  padding: 13px 12px 4px 20px;
}
.innerForm .form-group {
  margin-bottom: 0px;
  clear: both;
}
.innerForm .subdomain span {
  display: block;
  float: left;
  padding: 12px 2px;
}
.innerForm .subdomain .form-group {
  clear: none;
  display: block;
  float: left;
  width: 150px;
}
.innerForm .subdomain .subdomain-current {
  font-size: 28px;
  padding: 0;
}
.innerForm .subdomain-current b {
  color: #000000;
}
.innerForm .options {
  color: #808080;
  margin-bottom: 40px;
}
.innerForm .options span {
  display: inline-block;
  padding-right: 20px;
}
.innerForm fieldset.grey {
  padding-top: 25px;
  padding-bottom: 25px;
}
.innerForm fieldset.grey .dashed h4 {
  font-size: 20px;
}
.innerForm fieldset.grey .dashed h4,
.innerForm fieldset.grey .dashed p {
  margin-bottom: 20px;
}
.innerForm fieldset.grey .googlemap iframe {
  width: 380px;
  height: 270px;
  border: none;
}
.innerForm fieldset.save p {
  margin: 10px 0px 10px;
}
.innerForm .col-xs-6.first {
  padding-right: 30px;
}
.innerForm fieldset.dropIn .grey {
  padding: 10px;
}
.innerForm fieldset.select a {
  line-height: 39px;
}
.innerForm fieldset.image a.btn {
  position: absolute;
  right: 0px;
  bottom: 0px;
  border: 1px solid #A4A4A6;
}
.innerForm fieldset.products article {
  border: 1px solid #CCCCCC;
  padding-bottom: 0px;
  margin-bottom: 25px;
}
.innerForm fieldset.products img {
  display: block;
  margin-bottom: 20px;
}
.innerForm fieldset.products .col-xs-4 {
  width: 210px;
  padding: 15px;
}
.innerForm fieldset.products .col-xs-8 {
  width: 586px;
  padding: 15px;
  background: #FFF;
}
.innerForm fieldset.products .more .btn {
  margin-left: 20px;
}
.innerForm fieldset.products .dashed p {
  margin-bottom: 5px;
}
.innerForm fieldset.products .controls a {
  display: block;
  width: 23px;
  height: 23px;
  background: url('/static/kompo/images/icons.png?631d3a546a66') 0px -580px no-repeat;
  position: absolute;
  right: -35px;
  top: 0px;
}
.innerForm fieldset.products .controls a.up {
  top: auto;
  bottom: 30px;
  background-position: 0px -639px;
}
.innerForm fieldset.products .controls a.up:hover {
  background-position: 0px -761px;
}
.innerForm fieldset.products .controls a.down {
  top: auto;
  bottom: 0px;
  background-position: 0px -701px;
}
.innerForm fieldset.products .controls a.down:hover {
  background-position: 0px -823px;
}
.innerForm fieldset.products .row.moreOptions {
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 0.9em;
}
.innerForm fieldset.products .row.moreOptions input,
.innerForm fieldset.products .row.moreOptions textarea {
  font-size: 1em;
}
.innerForm fieldset.products .galleryAd {
  margin-top: 3em;
}
.innerForm fieldset.products .mediaManager {
  padding: 0;
}
.innerForm fieldset.products .mediaManager h4 {
  margin-bottom: .5em;
}
.innerForm fieldset.products .mediaManager .row {
  padding: 0;
}
.innerForm fieldset.products .mediaManager .row > div {
  cursor: pointer;
}
.innerForm fieldset.products .mediaManager .row > div .btn {
  width: 99%;
  display: inline-block;
  text-align: center;
  padding: 5px 11px;
}
.innerForm fieldset.products .mediaManager ul {
  list-style: none;
  padding: 0;
}
.innerForm fieldset.products .mediaManager ul li {
  position: relative;
  cursor: move;
}
.innerForm fieldset.products .mediaManager ul li img {
  width: 100%;
}
.innerForm fieldset.products .mediaManager ul li > i {
  position: absolute;
  top: 5px;
  left: 5px;
  color: white;
  text-shadow: 0 0 10px black;
  z-index: 19;
}
.innerForm fieldset.products .mediaManager ul li .remove {
  position: absolute;
  top: 0;
  right: 4px;
  z-index: 20;
  text-shadow: 0 0 10px black;
}
.innerForm fieldset.settings {
  margin-bottom: 20px;
  border-bottom: 1px solid #F2F2F2;
  /* Colorpicker */

}
.innerForm fieldset.settings .col-xs-4.left {
  font-size: 18px;
  color: #808080;
  width: 360px;
}
.innerForm fieldset.settings .col-xs-4.left h4 {
  color: #41414f;
  margin-bottom: 0px;
}
.innerForm fieldset.settings .col-xs-8.left {
  color: #808080;
  width: 698px;
}
.innerForm fieldset.settings table.margin {
  margin-bottom: 30px;
  border-top: none;
}
.innerForm fieldset.settings table {
  border-top: 1px solid #E6E6E6;
}
.innerForm fieldset.settings table th {
  font-size: 14px /*0.77em*/;
  color: #808080;
  padding-bottom: 0px;
}
.innerForm fieldset.settings table th[class*="col"] {
  padding: 0;
}
.innerForm fieldset.settings table td {
  padding: 10px 0px;
  border-bottom: 1px solid #E6E6E6;
}
.innerForm fieldset.settings table.delivery td.c1 {
  width: 310px;
}
.innerForm fieldset.settings table.delivery td.c2 {
  padding-right: 70px;
}
.innerForm fieldset.settings a.preview {
  position: absolute;
  right: 0px;
  bottom: 13px;
  line-height: 43px;
}
.innerForm fieldset.settings .smallCol .col-xs-4 {
  width: 150px;
  padding-right: 10px;
}
.innerForm fieldset.settings .smallCol .col-xs-8 {
  width: 548px;
}
.innerForm fieldset.settings .profileImage img {
  border-radius: 80px;
}
.innerForm fieldset.settings .profileImage p.text {
  width: 50%;
  padding: 16px;
}
.innerForm fieldset.settings .bg-success {
  padding: 15px;
}
.innerForm fieldset.settings .droptarget.hovered {
  background-color: #ccc;
}
.innerForm fieldset.settings .input-small {
  position: relative;
}
.innerForm fieldset.settings .input-small .form-group {
  position: absolute;
  right: 130px;
  top: 50%;
  margin-top: -23px;
}
.innerForm fieldset.settings .input-small .euro {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -10px;
}
.innerForm fieldset.settings .input-small input[type=text] {
  width: 65px;
  padding: 5px;
}
.innerForm fieldset.settings table.delivery td.c2.input-small {
  padding: 20px 200px 20px 0px;
}
.innerForm fieldset.settings table tr:nth-child(2n) td.c2.input-small {
  background: transparent;
}
.innerForm article.news {
  padding: 0px 20px 0px 20px;
  margin-bottom: 0px;
  border-bottom: none;
}
.innerForm article.news h3 {
  font-weight: bold;
}
.innerForm article.news .line {
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.innerForm article.news p {
  width: 80%;
}
.innerForm article.news:last-child .line {
  margin-bottom: 0px;
  border-bottom: none;
}
.btn-primary.last,
.btn-primary:last-child,
.btn-default.last,
.btn-default:last-child {
  margin-right: 0;
}
/* 5) Mobile :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Responsive raus */
@media (max-width: 1140px) {
  .innerForm fieldset.settings .col-xs-4.left {
    width: 35%;
  }
  .innerForm fieldset.settings .col-xs-8.left {
    width: 65%;
  }
}
@media (max-width: 1024px) {
  /*
      .container,
      header,
      footer,
      section.content {
          width: 1024px!important;
          box-sizing: border-box;
      }
  
      .container.leftCol .container {
          width: 100%!important;
      }
      .col-md-12 {
          float: none!important;
      }
  
      .col-md-2 {
          width: 16.6667%!important;
          float: left!important;
      }
  
      .col-md-8 {
          width: 66.6667%!important;
          float: left!important;
      }
  
      .col-md-4 {
          width: 33.3333%!important;
          float: left!important;
      }
  */
  #zenbox_tab {
    display: none;
  }
  .greyHalfBg body {
    background: none;
  }
}
