/* Base path of the assets folder */
/* IMPORTS */
/*
* This is a slightly modified version of the Skeleton CSS framework
* More info:
* http://www.getskeleton.com/
*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
        #Reset & Basics
        #Basic Styles
        #Site Styles
        #Typography
        #Links
        #Lists
        #Images
        #Buttons
        #Forms
        #Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* #Basic Styles
================================================== */
body {
  background: #fff;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}
/* #Typography
================================================== */
p {
  margin: 0 0 20px 0;
}
p.no_bottom_margin {
  margin-bottom: 0;
}
p.large_text {
  font-size: 130% !important;
  line-height: 155% !important;
}
p img {
  margin: 0;
}
p.lead {
  font-size: 21px;
  line-height: 27px;
  color: #666666;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
  color: #666666;
}
small {
  font-size: 80%;
}
/*	Blockquotes  */
blockquote,
blockquote p {
  font-size: 20px;
  line-height: 26px;
  color: #666;
  font-style: italic;
}
blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}
blockquote cite {
  display: block;
  font-size: 14px;
  color: #666;
  margin-top: 20px;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
  color: #666;
}
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}
/* #Links
================================================== */
a,
a:visited {
  color: #666666;
  text-decoration: underline;
  outline: 0;
}
a:hover,
a:focus {
  color: #666666;
}
p a,
p a:visited {
  line-height: inherit;
}
/* #Lists
================================================== */
ul,
ol {
  margin-bottom: 20px;
}
ul {
  list-style: none outside;
}
ol {
  list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
  margin-left: 30px;
}
ul.square {
  list-style: square outside;
}
ul.circle {
  list-style: circle outside;
}
ul.disc {
  list-style: disc outside;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-bottom: 6px;
}
li {
  line-height: 18px;
  margin-bottom: 12px;
}
ul.large li {
  line-height: 21px;
}
li p {
  line-height: 21px;
}
/* #Images
================================================== */
img.scale-with-grid {
  max-width: 100%;
  height: auto;
}
/* #Buttons
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background: #eee;
  /* Old browsers */
  background: #eeeeee -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* FF3.6+ */
  background: #eeeeee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */
  background: #eeeeee -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */
  background: #eeeeee -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Opera11.10+ */
  background: #eeeeee -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* IE10+ */
  background: #eeeeee linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #444;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 8px 10px;
  font-family: Helvetica, Arial, sans-serif;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: #222;
  background: #ddd;
  /* Old browsers */
  background: #dddddd -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* FF3.6+ */
  background: #dddddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  /* Chrome,Safari4+ */
  background: #dddddd -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Chrome10+,Safari5.1+ */
  background: #dddddd -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Opera11.10+ */
  background: #dddddd -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* IE10+ */
  background: #dddddd linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C */
  border: 1px solid #888;
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  border: 1px solid #666;
  background: #ccc;
  /* Old browsers */
  background: #cccccc -moz-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* FF3.6+ */
  background: #cccccc -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4)));
  /* Chrome,Safari4+ */
  background: #cccccc -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* Chrome10+,Safari5.1+ */
  background: #cccccc -o-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* Opera11.10+ */
  background: #cccccc -ms-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* IE10+ */
  background: #cccccc linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgba(10, 10, 10, 0.4) 100%);
  /* W3C */
}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* #Forms
================================================== */
form {
  margin-bottom: 20px;
}
fieldset {
  margin-bottom: 20px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 6px 4px;
  outline: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font: 13px Helvetica, Arial, sans-serif;
  color: #999;
  margin: 0;
  width: 210px;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: #fff;
}
select {
  padding: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #aaa;
  color: #666;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
textarea {
  min-height: 60px;
}
label,
legend {
  display: block;
  font-weight: bold;
  font-size: 13px;
}
select {
  width: 220px;
}
input[type="checkbox"] {
  display: inline;
}
label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}
/* #Misc
================================================== */
.remove-bottom {
  margin-bottom: 0 !important;
}
.half-bottom {
  margin-bottom: 10px !important;
}
.add-bottom {
  margin-bottom: 20px !important;
}
.container .hidden {
  display: none;
}
/* Self Clearing Goodness */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.row:after,
.clearfix:after {
  clear: both;
}
.row,
.clearfix {
  zoom: 1;
}
/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.container {
  position: relative;
  min-width: 280px;
  margin: 0 auto;
  padding: 0;
}
.container .column {
  float: left;
  display: block;
  width: 94%;
  padding: 1%;
  margin-left: 2%;
  margin-right: 2%;
}
.container section.column {
  padding: 2%;
  width: 92%;
}
.container .block {
  margin-bottom: 2%;
}
.container .half {
  width: 45%;
}
.container .half-left {
  float: left;
  margin-left: 2%;
  margin-right: 0%;
  margin-top: 30px;
}
.container .half-right {
  float: right;
  margin-right: 2%;
  margin-left: 0%;
  margin-top: 30px;
}
.container .table-container {
  clear: both;
  margin: 0 2% 2%;
  float: left;
}
.container .table-container.nofloat {
  float: none;
}
.container .table-container .table {
  display: table;
  padding: 0;
  border-collapse: separate;
  border-spacing: 20px 0;
  margin-left: -20px;
  margin-right: -20px;
  position: relative;
}
.container .table-container .table .table-cell {
  display: table-cell;
  width: 50%;
}
.container .table-container .table .table-cell .table {
  width: 100%;
}
@media only screen and (max-width: 959px) {
  .container .half,
  .container .half-left,
  .container .half-right {
    display: block;
    width: auto;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    padding: 1%;
  }
  .container .table-container {
    display: block;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 0;
    padding: 0;
    width: 96%;
  }
  .container .table-container .table {
    display: block;
    width: auto;
    float: left;
    border-spacing: 0;
    margin: 0;
  }
  .container .table-container .table .table-cell {
    display: block;
    width: 96%;
    margin-bottom: 2%;
    float: left;
  }
}
/**
 * Removes right margin of a column. Only required if at certain break points the right column is not 
 * the last column element in the container. The last element in a container never requires an omega.
 */
.container .gridcontainer,
.gridcontainer {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /**
     * can be used when mixing old and new grids. insets the gridcontainer to match the existing grid dimensions.
     */
  /**
     * can be used when mixing old and new grids. creates a space to the following grid row.
     */
}
.container .gridcontainer *,
.gridcontainer *,
.container .gridcontainer *:before,
.gridcontainer *:before,
.container .gridcontainer *:after,
.gridcontainer *:after {
  box-sizing: inherit;
}
.container .gridcontainer:after,
.gridcontainer:after {
  content: "";
  display: block;
  clear: both;
}
.container .gridcontainer.visible .gridcolumn,
.gridcontainer.visible .gridcolumn {
  background-color: rgba(0, 100, 100, 0.05);
  min-height: 4em;
  margin-bottom: 1em;
  text-align: center;
}
.container .gridcontainer.visible .gridcolumn .gridcolumn,
.gridcontainer.visible .gridcolumn .gridcolumn {
  background-color: rgba(0, 0, 255, 0.1);
}
.container .gridcontainer.inset,
.gridcontainer.inset {
  padding: 0 2%;
}
.container .gridcontainer.spaced,
.gridcontainer.spaced,
.container .gridcontainer .spaced,
.gridcontainer .spaced {
  margin-bottom: 2%;
}
.container .gridcontainer .gridcolumn,
.gridcontainer .gridcolumn {
  display: block;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 359px) {
  .container .gridcontainer .gridcolumn,
  .gridcontainer .gridcolumn {
    float: left;
    clear: both;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .container .gridcontainer .mobile_only,
  .gridcontainer .mobile_only {
    display: none;
  }
  .container .gridcontainer .tablet_only,
  .gridcontainer .tablet_only {
    display: none;
  }
  .container .gridcontainer .desktop_only,
  .gridcontainer .desktop_only {
    display: none;
  }
  .container .gridcontainer.mobile_spaced,
  .gridcontainer.mobile_spaced,
  .container .gridcontainer .mobile_spaced,
  .gridcontainer .mobile_spaced {
    margin-bottom: 2%;
  }
}
@media screen and (min-width: 360px) and (max-width: 659px) {
  .container .gridcontainer.sameheight,
  .gridcontainer.sameheight,
  .container .gridcontainer.mobile_sameheight,
  .gridcontainer.mobile_sameheight {
    display: flex;
  }
  .container .gridcontainer .gridcolumn,
  .gridcontainer .gridcolumn,
  .container .gridcontainer .gridcolumn.mobile_full,
  .gridcontainer .gridcolumn.mobile_full {
    float: left;
    clear: both;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.mobile_half,
  .gridcontainer .gridcolumn.mobile_half {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 49%;
  }
  .container .gridcontainer .gridcolumn.mobile_half:last-child,
  .gridcontainer .gridcolumn.mobile_half:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.mobile_half.autoomega:nth-child( 2n),
  .gridcontainer .gridcolumn.mobile_half.autoomega:nth-child( 2n) {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.mobile_third,
  .gridcontainer .gridcolumn.mobile_third {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 32%;
  }
  .container .gridcontainer .gridcolumn.mobile_third:last-child,
  .gridcontainer .gridcolumn.mobile_third:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.mobile_quarter,
  .gridcontainer .gridcolumn.mobile_quarter {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 23.5%;
  }
  .container .gridcontainer .gridcolumn.mobile_quarter:last-child,
  .gridcontainer .gridcolumn.mobile_quarter:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.mobile_fifth,
  .gridcontainer .gridcolumn.mobile_fifth {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 18.4%;
  }
  .container .gridcontainer .gridcolumn.mobile_fifth:last-child,
  .gridcontainer .gridcolumn.mobile_fifth:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.omega,
  .gridcontainer .gridcolumn.omega,
  .container .gridcontainer .gridcolumn.mobile_omega,
  .gridcontainer .gridcolumn.mobile_omega {
    margin-right: 0;
  }
  .container .gridcontainer .tablet_only,
  .gridcontainer .tablet_only {
    display: none;
  }
  .container .gridcontainer .desktop_only,
  .gridcontainer .desktop_only {
    display: none;
  }
  .container .gridcontainer.mobile_spaced,
  .gridcontainer.mobile_spaced,
  .container .gridcontainer .mobile_spaced,
  .gridcontainer .mobile_spaced {
    margin-bottom: 2%;
  }
}
@media screen and (min-width: 660px) and (max-width: 959px) {
  .container .gridcontainer.sameheight,
  .gridcontainer.sameheight,
  .container .gridcontainer.tablet_sameheight,
  .gridcontainer.tablet_sameheight {
    display: flex;
  }
  .container .gridcontainer .gridcolumn,
  .gridcontainer .gridcolumn,
  .container .gridcontainer .gridcolumn.tablet_half,
  .gridcontainer .gridcolumn.tablet_half {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 49%;
  }
  .container .gridcontainer .gridcolumn:last-child,
  .gridcontainer .gridcolumn:last-child,
  .container .gridcontainer .gridcolumn.tablet_half:last-child,
  .gridcontainer .gridcolumn.tablet_half:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.tablet_third,
  .gridcontainer .gridcolumn.tablet_third {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 32%;
  }
  .container .gridcontainer .gridcolumn.tablet_third:last-child,
  .gridcontainer .gridcolumn.tablet_third:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.tablet_quarter,
  .gridcontainer .gridcolumn.tablet_quarter {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 23.5%;
  }
  .container .gridcontainer .gridcolumn.tablet_quarter:last-child,
  .gridcontainer .gridcolumn.tablet_quarter:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.tablet_quarter.autoomega:nth-child( 4n),
  .gridcontainer .gridcolumn.tablet_quarter.autoomega:nth-child( 4n) {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.tablet_fifth,
  .gridcontainer .gridcolumn.tablet_fifth {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 18.4%;
  }
  .container .gridcontainer .gridcolumn.tablet_fifth:last-child,
  .gridcontainer .gridcolumn.tablet_fifth:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.tablet_full,
  .gridcontainer .gridcolumn.tablet_full {
    float: left;
    clear: both;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.omega,
  .gridcontainer .gridcolumn.omega,
  .container .gridcontainer .gridcolumn.tablet_omega,
  .gridcontainer .gridcolumn.tablet_omega {
    margin-right: 0;
  }
  .container .gridcontainer .mobile_only,
  .gridcontainer .mobile_only {
    display: none;
  }
  .container .gridcontainer .desktop_only,
  .gridcontainer .desktop_only {
    display: none;
  }
  .container .gridcontainer.tablet_spaced,
  .gridcontainer.tablet_spaced,
  .container .gridcontainer .tablet_spaced,
  .gridcontainer .tablet_spaced {
    margin-bottom: 2%;
  }
}
@media screen and (min-width: 960px) {
  .container .gridcontainer.sameheight,
  .gridcontainer.sameheight,
  .container .gridcontainer.desktop_sameheight,
  .gridcontainer.desktop_sameheight {
    display: flex;
  }
  .container .gridcontainer .gridcolumn.half,
  .gridcontainer .gridcolumn.half {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 49%;
  }
  .container .gridcontainer .gridcolumn.half:last-child,
  .gridcontainer .gridcolumn.half:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn,
  .gridcontainer .gridcolumn,
  .container .gridcontainer .gridcolumn.third,
  .gridcontainer .gridcolumn.third {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 32%;
  }
  .container .gridcontainer .gridcolumn:last-child,
  .gridcontainer .gridcolumn:last-child,
  .container .gridcontainer .gridcolumn.third:last-child,
  .gridcontainer .gridcolumn.third:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.quarter,
  .gridcontainer .gridcolumn.quarter {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 23.5%;
  }
  .container .gridcontainer .gridcolumn.quarter:last-child,
  .gridcontainer .gridcolumn.quarter:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.fifth,
  .gridcontainer .gridcolumn.fifth {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 18.4%;
  }
  .container .gridcontainer .gridcolumn.fifth:last-child,
  .gridcontainer .gridcolumn.fifth:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.twofifth,
  .gridcontainer .gridcolumn.twofifth {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 38.8%;
  }
  .container .gridcontainer .gridcolumn.twofifth:last-child,
  .gridcontainer .gridcolumn.twofifth:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.threefifth,
  .gridcontainer .gridcolumn.threefifth {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 59.199999999999996%;
  }
  .container .gridcontainer .gridcolumn.threefifth:last-child,
  .gridcontainer .gridcolumn.threefifth:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.eighth,
  .gridcontainer .gridcolumn.eighth {
    float: left;
    clear: none;
    margin-left: 0;
    margin-right: 2%;
    width: 10.75%;
  }
  .container .gridcontainer .gridcolumn.eighth:last-child,
  .gridcontainer .gridcolumn.eighth:last-child {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.eighth.autoomega:nth-child( 8n),
  .gridcontainer .gridcolumn.eighth.autoomega:nth-child( 8n) {
    margin-right: 0;
  }
  .container .gridcontainer .gridcolumn.omega,
  .gridcontainer .gridcolumn.omega,
  .container .gridcontainer .gridcolumn.desktop_omega,
  .gridcontainer .gridcolumn.desktop_omega {
    margin-right: 0;
  }
  .container .gridcontainer .mobile_only,
  .gridcontainer .mobile_only {
    display: none;
  }
  .container .gridcontainer .tablet_only,
  .gridcontainer .tablet_only {
    display: none;
  }
  .container .gridcontainer.desktop_spaced,
  .gridcontainer.desktop_spaced,
  .container .gridcontainer .desktop_spaced,
  .gridcontainer .desktop_spaced {
    margin-bottom: 2%;
  }
}
/* FONTS */
@font-face {
  font-family: 'Helvetica Neue LT Std - Bold Condensed';
  src: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/fonts/2BDE97_0_0.eot");
  src: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/fonts/2BDE97_0_0.eot?#iefix") format('embedded-opentype'), url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/fonts/2BDE97_0_0.woff") format('woff'), url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/fonts/2BDE97_0_0.ttf") format('truetype'), url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/fonts/2BDE97_0_0.svg#wf") format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font: 14px/1.3 Helvetica, Arial, sans-serif;
  color: #666666;
}
h1 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 50px;
  line-height: 60px;
  padding: 0 0 20px;
}
h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 34px;
  padding: 5px 0 20px;
}
h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  padding: 5px 0 20px;
}
/* Intro Text, used on a few pages, mainly homepage */
.container section.intro.block p {
  font-size: 20px;
  line-height: 25px;
  color: #666666;
}
/* Default text used in blocks */
.container section.block p,
.container .table-cell p,
.container section.block ul.ul,
.container .table-cell ul.ul {
  margin: 0.75em 0;
  font-size: 16px;
  line-height: 22px;
}
.container section.block ul.ul,
.container .table-cell ul.ul {
  padding: 0 0 0 1.5em;
  list-style: disc outside;
}
.container section.block ul.ul li,
.container .table-cell ul.ul li {
  display: list-item;
  margin: 0 0 0.1em 0;
}
.align-center,
.text-center {
  text-align: center;
}
.subsection {
  margin: 1em 0;
}
.container header.top {
  margin: 0 2% 0 2%;
}
.container header.top h1 {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/logo_kompass_oeffentlich.png") top left no-repeat;
  background-size: 100% 100%;
  width: 133px;
  height: 68px;
  color: transparent;
  margin-bottom: 5px;
  padding: 0;
}
.container header.top h1 strong {
  color: transparent;
}
.container header.top h1 a {
  display: block;
  text-indent: -200em;
  color: transparent;
}
.container header.top h2 {
  display: none;
}
.container header.top .nav span {
  display: none;
}
.container header.top div.nav button {
  display: none;
}
.container header.top .navs {
  position: relative;
}
.container header.top .top-nav {
  position: absolute;
  display: inline;
  bottom: 100%;
  margin-bottom: 15px;
  right: 0;
  font-size: 11px;
}
.container header.top .top-nav ul {
  margin-bottom: 0;
  clear: right;
}
.container header.top .top-nav ul li {
  margin-left: 20px;
  display: inline;
}
.container header.top .top-nav ul li a {
  color: #666666;
  text-decoration: none;
}
.container header.top .top-nav ul li.active a {
  color: #c1110f;
}
.container header.top .top-nav .lang-nav {
  display: inherit;
  margin: 0;
  float: right;
}
.container header.top .top-nav .lang-nav li:first-child {
  margin: 0;
}
.container header.top .top-nav .lang-nav li {
  margin-left: 5px;
}
.container header.top .top-nav .lang-nav a {
  text-transform: uppercase;
}
.container header.top .main-nav {
  border-top: 2px solid #666666;
  padding: 0;
}
.container header.top .main-nav a {
  text-decoration: none;
  color: inherit;
}
.container header.top .main-nav > ul {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
.container header.top .main-nav > ul > li {
  position: relative;
  display: table-cell;
  padding: 5px 10px;
  text-align: left;
}
.container header.top .main-nav > ul > li > a {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12.5px;
}
.container header.top .main-nav > ul > li:first-child {
  display: none;
}
.container header.top .main-nav > ul > li:last-child {
  border: 0;
}
.container header.top .main-nav > ul > li:hover {
  color: #c1110f;
}
.container header.top .main-nav > ul > li.selected {
  color: #c1110f;
}
.container header.top .main-nav > ul > li.selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 100%;
  border: 15px solid transparent;
  border-top-color: white;
  transform: translate(-50%, 0);
}
.container header.top .main-nav > ul > li.with_subnav > ul {
  display: none;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  min-width: 100%;
  margin: 0;
  padding: 0;
  background: rgba(17, 114, 166, 0.95);
  color: white;
  text-align: left;
  box-shadow: 3px 8px 8px rgba(0, 0, 0, 0.3);
}
.container header.top .main-nav > ul > li.with_subnav > ul > li {
  margin: 0;
  padding: 0;
}
.container header.top .main-nav > ul > li.with_subnav > ul > li > a {
  display: block;
  padding: 10px 10px;
  white-space: nowrap;
  font-size: 14px;
}
.container header.top .main-nav > ul > li.with_subnav > ul > li > a:hover {
  background: rgba(255, 255, 255, 0.2);
}
.container header.top .main-nav > ul > li.with_subnav:hover {
  color: white;
  background: rgba(17, 114, 166, 0.95);
}
.container header.top .main-nav > ul > li.with_subnav:hover > ul {
  display: block;
}
.container section.search1 form input[type=text],
.container section.search14 form input[type=text],
.container section.search15 form input[type=text],
.container section.search16 form input[type=text],
.container section.search17 form input[type=text],
.container section.search18 form input[type=text],
.container section.search19 form input[type=text] {
  max-width: 45%;
}
.container section.search,
.container section.search14 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_home.jpg") top right no-repeat;
  background-size: cover;
}
.container section.search h1,
.container section.search14 header h1,
.container section.search h2,
.container section.search14 header h2,
.container section.search h3,
.container section.search14 header h3,
.container section.search h4,
.container section.search14 header h4,
.container section.search h5,
.container section.search14 header h5,
.container section.search p,
.container section.search14 header p,
.container section.search strong,
.container section.search14 header strong,
.container section.search a,
.container section.search14 header a,
.container section.search ul,
.container section.search14 header ul {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .container section.search,
  .container section.search14 header {
    background-size: auto 100%;
  }
}
.container section.search15,
.container section.product15 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_bekleidung.jpg") top right no-repeat;
  background-size: cover;
}
.container section.search.search16,
.container section.main.product.product16 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_papier.jpg") bottom left no-repeat;
  background-size: cover;
}
.container section.search.search16 ul.breadcrumb li a,
.container section.main.product.product16 header ul.breadcrumb li a {
  color: #666666;
}
.container section.search.search16 ul.breadcrumb li:after,
.container section.main.product.product16 header ul.breadcrumb li:after {
  color: #666666;
}
.container section.search.search16 h1,
.container section.main.product.product16 header h1,
.container section.search.search16 h3,
.container section.main.product.product16 header h3,
.container section.search.search16 dl,
.container section.main.product.product16 header dl {
  color: #666666;
}
.container section.search17,
.container section.product17 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_computer.jpg") bottom left no-repeat;
  background-size: cover;
}
.container section.search18,
.container section.product18 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_lebensmittel.jpg") bottom left no-repeat;
  background-size: cover;
}
.container section.search19,
.container section.product19 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_holz.jpg") top right no-repeat;
  background-size: cover;
}
.container section.search8323,
.container section.product8323 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/header_reinigungsmittel.jpg") top right no-repeat;
  background-size: cover;
}
.container section.search8312,
.container section.product8312 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/header_naturstein.jpg") top right no-repeat;
  background-size: cover;
}
.container section.search11150,
.container section.product11150 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/header_mobilfunk.jpg") top right no-repeat;
  background-size: cover;
}
.container section.product11543 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/header_spielwaren.jpg") top right no-repeat;
  background-size: cover;
}
.container section.product8088 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/header_sportgeraete.jpg") top right no-repeat;
  background-size: cover;
}
.container section.product2682 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-products/header_mobilitaet.jpg") top right no-repeat;
  background-size: cover;
}
.container section.product8083 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-products/header_burobedarf.png") top right no-repeat;
  background-size: cover;
}
.container section.product8109 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/header_hygiene.jpg") top right no-repeat;
  background-size: cover;
}
.container section.search10894,
.container section.product10894 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/header_leder.jpg") top right no-repeat;
  background-size: cover;
}
.container section.search8134,
.container section.product8134 header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-products/header_it.jpg") top right no-repeat;
  background-size: cover;
}
section.home header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-headers/header_home.png") 0 0 no-repeat;
  background-size: cover;
}
section#kommunaler.main.kk-newsletter header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-headers/header_home.png") 0 0 no-repeat;
  background-size: cover;
}
section#kommunaler.main.kk-newsletter header h1,
section#kommunaler.main.kk-newsletter header ul.breadcrumb li a {
  color: #ffffff;
}
section#kommunaler.main.kk-map header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-headers/header_map.png") 0 0 no-repeat;
  background-size: cover;
}
section#kommunaler.main.kk-map header h1,
section#kommunaler.main.kk-map header ul.breadcrumb li a {
  color: #ffffff;
}
.lettering-light {
  border-top: 1px solid #ccc;
}
.lettering-light h1 {
  color: #666666;
}
.lettering-light ul.breadcrumb li:after,
.lettering-light ul.breadcrumb li a {
  color: #666666;
}
section#kommunaler.main.rn header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_wissen.jpg") top right repeat-x;
  background-size: cover;
}
section#kommunaler.main.baden-wurttemberg header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/baden-wuerttemberg.png") top right repeat-x;
  background-size: cover;
}
section#kommunaler.main.bayern header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/bayern.png") top right repeat-x;
  background-size: cover;
  border-top: 1px solid #ccc;
}
section#kommunaler.main.bayern header h1 {
  color: #666666;
}
section#kommunaler.main.bayern header ul.breadcrumb li:after,
section#kommunaler.main.bayern header ul.breadcrumb li a {
  color: #666666;
}
section#kommunaler.main.berlin header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/berlin_brandenburg_bremen_hessen.png") top right repeat-x;
  background-size: cover;
  border-bottom: 1px solid #cccccc;
}
section#kommunaler.main.berlin header dl {
  margin-top: 15px;
}
section#kommunaler.main.brandenburg header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/berlin_brandenburg_bremen_hessen.png") top right repeat-x;
  background-size: cover;
  border-bottom: 1px solid #cccccc;
}
section#kommunaler.main.brandenburg header dl {
  margin-top: 15px;
}
section#kommunaler.main.bremen header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/berlin_brandenburg_bremen_hessen.png") top right repeat-x;
  background-size: cover;
  border-bottom: 1px solid #cccccc;
}
section#kommunaler.main.bremen header dl {
  margin-top: 15px;
}
section#kommunaler.main.hessen header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/berlin_brandenburg_bremen_hessen.png") top right repeat-x;
  background-size: cover;
  border-bottom: 1px solid #cccccc;
}
section#kommunaler.main.hessen header dl {
  margin-top: 15px;
}
section#kommunaler.main.hamburg header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/hamburg.png") top right repeat-x;
  background-size: cover;
}
section#kommunaler.main.mecklenburg-vorpommern header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/mecklenburg-vorpommern.png") top right repeat-x;
  background-size: cover;
  border-bottom: 1px solid #cccccc;
}
section#kommunaler.main.mecklenburg-vorpommern header dl {
  margin-top: 15px;
}
section#kommunaler.main.sachsen header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/sachsen.png") top right repeat-x;
  background-size: cover;
  border-top: 1px solid #ccc;
}
section#kommunaler.main.sachsen header h1 {
  color: #666666;
}
section#kommunaler.main.sachsen header ul.breadcrumb li:after,
section#kommunaler.main.sachsen header ul.breadcrumb li a {
  color: #666666;
}
section#kommunaler.main.sachsen-anhalt header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/sachsen-anhalt.png") top right repeat-x;
  background-size: cover;
}
section#kommunaler.main.sachsen-anhalt header h1 {
  color: #666666;
}
section#kommunaler.main.sachsen-anhalt header ul.breadcrumb li:after,
section#kommunaler.main.sachsen-anhalt header ul.breadcrumb li a {
  color: #666666;
}
section#kommunaler.main.thuringen header,
section#kommunaler.main.thueringen header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/thueringen.png") top right repeat-x;
  background-size: cover;
  border-top: 1px solid #ccc;
}
section#kommunaler.main.thuringen header h1,
section#kommunaler.main.thueringen header h1 {
  color: #666666;
}
section#kommunaler.main.thuringen header ul.breadcrumb li:after,
section#kommunaler.main.thueringen header ul.breadcrumb li:after,
section#kommunaler.main.thuringen header ul.breadcrumb li a,
section#kommunaler.main.thueringen header ul.breadcrumb li a {
  color: #666666;
}
section#kommunaler.main.schleswig-holstein header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/schleswig-holstein.png") top right repeat-x;
  background-size: cover;
}
section#kommunaler.main.schleswig-holstein header dl {
  margin-top: 15px;
}
section#kommunaler.main.nordrhein-westfalen header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/nordrhein-westfalen.png") top right repeat-x;
  background-size: cover;
}
section#kommunaler.main.nordrhein-westfalen header dl {
  margin-top: 15px;
}
section#kommunaler.main.niedersachsen header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/niedersachsen_rheinland-pfalz_saarland.png") top right repeat-x;
  background-size: cover;
}
section#kommunaler.main.rheinland-pfalz header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/niedersachsen_rheinland-pfalz_saarland.png") top right repeat-x;
  background-size: cover;
}
section#kommunaler.main.saarland header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/niedersachsen_rheinland-pfalz_saarland.png") top right repeat-x;
  background-size: cover;
}
section h1:after {
  background-size: cover;
}
section.coa-baden-wurttemberg h1:after,
section.coa-baden-wuerttemberg h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_baden-wuerttemberg.svg") top right no-repeat;
}
section.coa-bayern h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_bayern.svg") top right no-repeat;
}
section.coa-berlin h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_berlin.svg") top right no-repeat;
}
section.coa-brandenburg h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_brandenburg.svg") top right no-repeat;
}
section.coa-bremen h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_bremen.svg") top right no-repeat;
}
section.coa-hamburg h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_hamburg.svg") top right no-repeat;
}
section.coa-mecklenburg-vorpommern h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_mecklenburg-vorpommern.svg") top right no-repeat;
}
section.coa-niedersachsen h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_niedersachsen.svg") top right no-repeat;
}
section.coa-nordrhein-westfalen h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_nordrhein-westfalen.svg") top right no-repeat;
}
section.coa-rheinland-pfalz h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_rheinland-pfalz.svg") top right no-repeat;
}
section.coa-saarland h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_saarland.svg") top right no-repeat;
}
section.coa-sachsen h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_sachsen.svg") top right no-repeat;
}
section.coa-sachsen-anhalt h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_sachsen-anhalt.svg") top right no-repeat;
}
section.coa-schleswig-holstein h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_schleswig-holstein.svg") top right no-repeat;
}
section.coa-thuringen h1:after,
section.coa-thueringen h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_thueringen.svg") top right no-repeat;
}
section.coa-hessen h1:after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_hessen.svg") top right no-repeat;
}
/** Bundesland Product Headers **/
section.bekleidung-textilien header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_bekleidung.jpg") top right no-repeat;
  background-size: cover;
}
section.computer header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_computer.jpg") top right no-repeat;
  background-size: cover;
}
section.holz-holzprodukte header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_holz.jpg") top right no-repeat;
  background-size: cover;
}
section.papier header,
section.papier-druckerzeugnisse header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_papier.jpg") top right no-repeat;
  background-size: cover;
}
section.lebensmittel header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_lebensmittel.jpg") bottom left no-repeat;
  background-size: cover;
}
section.leder-lederprodukte header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/header_leder.jpg") bottom left no-repeat;
  background-size: cover;
}
section.baustoffe header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-products/header_baustoffe.jpg") top right no-repeat;
  background-size: cover;
}
section.burobedarf header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-products/header_burobedarf.png") top right no-repeat;
  background-size: cover;
}
section.mobilitat header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-products/header_mobilitaet.jpg") top right no-repeat;
  background-size: cover;
}
section.spielwaren header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-products/header_spielwaren.jpg") top right no-repeat;
  background-size: cover;
}
section.technik-it-auszer-computer header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-products/header_it.jpg") top right no-repeat;
  background-size: cover;
}
section.prasente header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-products/header_praesente.jpg") top right no-repeat;
  background-size: cover;
}
section.reinigung-hygiene header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-products/header_hygiene.jpg") top right no-repeat;
  background-size: cover;
}
section.wasch-und-reinigungsmittel header,
section.wasch-reinigungsmittel header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/header_reinigungsmittel.jpg") top right no-repeat;
  background-size: cover;
}
section.werkzeuge-gerate header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/kk-products/header_werkzeug.jpg") top right no-repeat;
  background-size: cover;
}
section.sportgerate-und-ausrustungen header,
section.sportgerate header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/header_sportgeraete.jpg") top right no-repeat;
  background-size: cover;
}
section.verschiedenes header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/header_verschiedenes.jpg") top right no-repeat;
  background-size: cover;
}
.container footer {
  margin: 0 2%;
}
.container footer .column {
  margin-right: 0;
}
.container footer nav {
  padding: 1.5%;
  background-color: #eeeeee;
}
.container footer nav h4 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
}
.container footer nav ul {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.container footer nav ul li {
  margin: 0;
  padding: 0;
}
.container footer nav .section {
  margin: 0 0 1.5em 0;
}
.container footer nav a {
  text-decoration: none;
}
.container footer nav a:hover {
  text-decoration: underline;
}
.container footer p {
  margin: 1em;
}
.container footer .logo {
  display: block;
  height: 130px;
  max-width: 280px;
  margin: 1em 0;
  color: transparent;
  background: no-repeat top left;
  background-size: contain;
}
.container footer .logo.kompass {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/logo_kompass_oeffentlich.png");
}
.container footer .logo.giz {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/logo_footer_giz.svg");
}
.container footer .logo.bmz {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/bmz-logo.png");
}
.container footer .logo.bmz_en {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/bmz-logo_en.jpg");
}
.container footer .logo.engagementglobal {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/logo_footer_engagement_global.jpg");
}
.container footer .logo.skew {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/logo_skew.png");
}
.container footer .logo.skew_en {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/logo_skew_en.png");
}
.container footer .logo.kompetenzstelle {
  max-width: 85%;
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/logo_footer_knb.png");
}
.container footer .copyright {
  font-size: 12px;
  padding-top: 0;
}
/** News blocks **/
.newsbox {
  position: relative;
  margin: 0 0 0%;
  background-color: #f0f4ea;
  font-size: 20px;
  line-height: 1.4;
}
.newsbox:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  width: 15px;
  background-color: #6c922f;
}
.newsbox .gridcolumn.newsdetails {
  padding: 1em 1.5em;
}
.newsbox .gridcolumn.newsdetails h3 {
  font-size: 26px;
  line-height: 1.2;
}
.newsbox .gridcolumn.newsdetails a.more {
  text-decoration: none;
  color: #6c922f;
}
.newsbox .gridcolumn.image {
  min-height: 250px;
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_home.jpg") no-repeat center center;
  background-size: cover;
}
.newsbox.blue {
  background-color: #e6f1f6;
}
.newsbox.blue:before {
  background-color: #0071a9;
}
.newsbox.blue .gridcolumn.newsdetails a.more {
  color: #0071a9;
}
.newsbox.red {
  background-color: #f9e7e8;
}
.newsbox.red:before {
  background-color: #c10c1b;
}
.newsbox.red .gridcolumn.newsdetails a.more {
  color: #c10c1b;
}
.newsbox.pink {
  background-color: #fff9f9;
}
.newsbox.pink:before {
  background-color: #ffbfbf;
}
.newsbox.pink .gridcolumn.newsdetails a.more {
  color: #ffbfbf;
}
.newsbox.yellow {
  background-color: #fef6e6;
}
.newsbox.yellow:before {
  background-color: #f3a800;
}
.newsbox.yellow .gridcolumn.newsdetails a.more {
  color: #f3a800;
}
/** Everything else **/
.container section ul li {
  display: inline-block;
}
.container section.plain {
  margin: 0 0 2% 0;
  padding: 0 2%;
  clear: left;
}
.container section .gridcolumn.text {
  padding: 3% 2% 2%;
}
.container section.search h1,
.container section.search h2,
.container section.search h3,
.container section.search h4,
.container section.search h5,
.container section.search p,
.container section.search strong,
.container section.search a,
.container section.search ul {
  color: #ffffff;
}
.container section.search .results h1,
.container section.search .results h2,
.container section.search .results h3,
.container section.search .results h4,
.container section.search .results h5,
.container section.search .results p,
.container section.search .results strong,
.container section.search .results a,
.container section.search .results ul {
  color: #666666;
}
.container section.search .results a {
  font-size: 14px;
}
.container section.intro {
  padding: 2% 2% 0 2%;
  margin-bottom: 0;
}
.container section.intro h1,
.container section.intro h2,
.container section.intro h3,
.container section.intro h4,
.container section.intro h5,
.container section.intro p,
.container section.intro strong,
.container section.intro a,
.container section.intro ul {
  color: #666666;
}
.container section.intro h3 {
  padding-bottom: 0;
}
.container section.intro h3 + p {
  margin-top: 20px;
}
.container section.smaller {
  padding: 0 2% 0 2%;
  margin-bottom: 0;
}
.container section.smaller h1,
.container section.smaller h2,
.container section.smaller h3,
.container section.smaller h4,
.container section.smaller h5,
.container section.smaller p,
.container section.smaller strong,
.container section.smaller a,
.container section.smaller ul {
  color: #666666;
}
.container section.prozess h1,
.container section.prozess h2,
.container section.prozess h3,
.container section.prozess h4,
.container section.prozess h5,
.container section.prozess p,
.container section.prozess strong,
.container section.prozess a,
.container section.prozess ul {
  color: #ffffff;
}
.container section.prozess .call-to-action a,
.container section.prozess .call-to-action button {
  color: #0071a9;
}
.container section.standards h1,
.container section.standards h2,
.container section.standards h3,
.container section.standards h4,
.container section.standards h5,
.container section.standards p,
.container section.standards strong,
.container section.standards a,
.container section.standards ul {
  color: #ffffff;
}
.container section.standards .call-to-action a,
.container section.standards .call-to-action button {
  color: #6d912f;
}
.container section.red h1,
.container section.red h2,
.container section.red h3,
.container section.red h4,
.container section.red h5,
.container section.red p,
.container section.red strong,
.container section.red a,
.container section.red ul {
  color: #ffffff;
}
.container section.red .call-to-action a,
.container section.red .call-to-action button {
  color: #C10C1B;
}
.container section.grey h1,
.container section.grey h2,
.container section.grey h3,
.container section.grey h4,
.container section.grey h5,
.container section.grey p,
.container section.grey strong,
.container section.grey a,
.container section.grey ul {
  color: #ffffff;
}
.container section.grey .call-to-action a,
.container section.grey .call-to-action button {
  color: #666666;
}
.container section.blue h1,
.container section.blue h2,
.container section.blue h3,
.container section.blue h4,
.container section.blue h5,
.container section.blue p,
.container section.blue strong,
.container section.blue a,
.container section.blue ul {
  color: #ffffff;
}
.container section.blue .call-to-action a,
.container section.blue .call-to-action button {
  color: #0071a9;
}
.container section.yellow h1,
.container section.yellow h2,
.container section.yellow h3,
.container section.yellow h4,
.container section.yellow h5,
.container section.yellow p,
.container section.yellow strong,
.container section.yellow a,
.container section.yellow ul {
  color: #ffffff;
}
.container section.yellow .call-to-action a,
.container section.yellow .call-to-action button {
  color: #f3a800;
}
.container section.green h1,
.container section.green h2,
.container section.green h3,
.container section.green h4,
.container section.green h5,
.container section.green p,
.container section.green strong,
.container section.green a,
.container section.green ul {
  color: #ffffff;
}
.container section.green .call-to-action a,
.container section.green .call-to-action button {
  color: #6c922f;
}
.container section.green.bordered {
  border: 5px solid #557325;
  border-radius: 4px;
}
.container section.main.product header h1,
.container section.main.product header h2,
.container section.main.product header h3,
.container section.main.product header h4,
.container section.main.product header h5,
.container section.main.product header p,
.container section.main.product header strong,
.container section.main.product header a,
.container section.main.product header ul {
  color: #ffffff;
}
.container section.news-items {
  background: #0071a9;
  color: #ffffff;
  clear: both;
}
.container section.news-items small {
  margin-top: -5px;
}
.container section.news-items ul.results,
.container section.news-items .results-and-pagination nav {
  background-color: transparent;
}
@media only screen and (max-width: 480px) {
  .container section.news-items ul.results .first,
  .container section.news-items .results-and-pagination nav .first,
  .container section.news-items ul.results .prev,
  .container section.news-items .results-and-pagination nav .prev,
  .container section.news-items ul.results .next,
  .container section.news-items .results-and-pagination nav .next {
    display: none;
  }
}
.container section.news-items ul.results {
  margin: 0;
  padding: 0;
}
.container section.news-items ul.results li.column {
  width: 48%;
  overflow: hidden;
}
.container section.news-items ul.results .date {
  font-weight: bold;
}
.container section.news-items ul li {
  margin-right: 20px;
  margin-bottom: 20px;
  font-size: 16px;
}
.container section.news-items ul li a {
  color: #ffffff;
}
.container .bundesland-options {
  padding-bottom: 0;
}
.container .bundesland-options li {
  background-size: 20%;
  background-position: center left;
  background-repeat: no-repeat;
  padding: 22px 0 25px 50px;
  margin-bottom: 20px;
  margin-right: 20px;
  min-width: 150px;
}
.container .bundesland-options li.baden-wurttemberg {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_baden-wuerttemberg.svg");
}
.container .bundesland-options li.bayern {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_bayern.svg");
}
.container .bundesland-options li.berlin {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_berlin.svg");
}
.container .bundesland-options li.brandenburg {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_brandenburg.svg");
}
.container .bundesland-options li.bremen {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_bremen.svg");
}
.container .bundesland-options li.hamburg {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_hamburg.svg");
}
.container .bundesland-options li.mecklenburg-vorpommern {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_mecklenburg-vorpommern.svg");
}
.container .bundesland-options li.niedersachsen {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_niedersachsen.svg");
}
.container .bundesland-options li.nordrhein-westfalen {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_nordrhein-westfalen.svg");
}
.container .bundesland-options li.rheinland-pfalz {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_rheinland-pfalz.svg");
}
.container .bundesland-options li.saarland {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_saarland.svg");
}
.container .bundesland-options li.sachsen {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_sachsen.svg");
}
.container .bundesland-options li.sachsen-anhalt {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_sachsen-anhalt.svg");
}
.container .bundesland-options li.schleswig-holstein {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_schleswig-holstein.svg");
}
.container .bundesland-options li.thueringen,
.container .bundesland-options li.thuringen {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_thueringen.svg");
}
.container .bundesland-options li.hessen {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/coat-of-arms/coa_hessen.svg");
}
.container .bundesland-list {
  background: #eeeeee;
}
.container .bundesland-list .table {
  text-align: center;
}
.container .bundesland-list .table .table-container::before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.container .bundesland-list .table .table-row .table-cell {
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
  width: 12%;
  padding-bottom: 60px;
  position: relative;
}
@media only screen and (max-width: 959px) {
  .container .bundesland-list .table .table-row .table-cell {
    width: 25%;
  }
}
@media only screen and (max-width: 480px) {
  .container .bundesland-list .table .table-row .table-cell {
    width: 50%;
  }
}
.container .bundesland-list .table .table-row .table-cell a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
.container .bundesland-list .table .table-row .table-cell a span {
  bottom: 5px;
  left: 0;
  vertical-align: top;
  width: 100%;
  position: absolute;
  height: 50px;
  text-align: center;
}
.container .bundesland-list .table .table-row .table-cell img {
  height: 85px;
  width: 85px;
  margin: auto;
}
.container section.list-description {
  background: #eeeeee;
}
.container section.list-description .table {
  display: table;
  width: 100%;
}
.container section.list-description .table .table-cell {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .container section.list-description .table .table-cell {
    display: block;
    width: 100%;
  }
}
.container section.list-description .table .table-cell > ul > li {
  width: 100%;
  padding-left: 80px;
  padding-top: 18px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
  min-height: 30px;
  font-size: 20px;
  font-weight: bold;
  float: left;
}
.container section.list-description .table .table-cell > ul > li ul {
  margin-left: 55px;
}
.container section.list-description .table .table-cell > ul > li ul li {
  font-weight: normal;
  font-size: 16px;
}
.container section.list-description .table .table-cell > ul > li.baustoffe {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/baustoffe.svg");
}
.container section.list-description .table .table-cell > ul > li.bekleidungtextilien {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/bekleidung.svg");
}
.container section.list-description .table .table-cell > ul > li.computer {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/computer.svg");
}
.container section.list-description .table .table-cell > ul > li.holzholzprodukte {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/holz.svg");
}
.container section.list-description .table .table-cell > ul > li.lebensmittel {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/lebensmittel.svg");
}
.container section.list-description .table .table-cell > ul > li.mobilitt {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/mobilitaet.svg");
}
.container section.list-description .table .table-cell > ul > li.papier {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/papier.svg");
}
.container section.list-description .table .table-cell > ul > li.prsente {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/praesente.svg");
}
.container section.list-description .table .table-cell > ul > li.reinigunghygiene {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/reinigung.svg");
}
.container section.list-description .table .table-cell > ul > li.spielwaren {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/spielwaren.svg");
}
.container section.list-description .table .table-cell > ul > li.technikitauercomputer {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/technik.svg");
}
.container section.list-description .table .table-cell > ul > li.werkzeugegerte {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/werkzeug.svg");
}
.container section.list-description .table .table-cell > ul > li.sportgerteund-ausrstungen {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/sportgeraete.svg");
}
.container section.list-description .table .table-cell > ul > li.sportgerate {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/sportgeraete.svg");
}
.container section.list-description .table .table-cell > ul > li.wasch-undreinigungsmittel {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/reinigungsmittel.svg");
}
.container section.list-description .table .table-cell > ul > li ul {
  list-style: disc;
}
.container section.list-description .table .table-cell > ul > li ul li {
  margin-top: 10px;
  padding-left: 0;
  display: list-item;
}
.container section.column-grid .table-container {
  float: none;
  margin: 0;
}
.container section.column-grid .contacts {
  width: 100%;
}
.container section.column-grid .contacts .table-row {
  display: table-row;
  width: 100%;
}
.container section.column-grid .contacts .table-cell {
  padding-top: 10px;
  padding-bottom: 20px;
  color: white;
}
.container section.column-grid .contacts .profile-pic {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 60px;
  height: auto;
}
.container section.column-grid ul.results {
  background: transparent;
}
.container .call-to-action ul {
  margin-bottom: 0;
}
.container .call-to-action a,
.container .call-to-action button {
  background: #fff;
  border-radius: 13px;
  padding: 8px 25px;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  margin: 0 20px 0 0;
  font-weight: bold;
  letter-spacing: 1px;
}
.container .call-to-action.center {
  text-align: center;
}
.container .call-to-action.grey a {
  background: #666;
  color: #fff;
}
.container .call-to-action .text li,
.container .call-to-action p {
  line-height: 32px;
  margin-bottom: 0;
}
@media only screen and (max-width: 959px) {
  .container .call-to-action .text li,
  .container .call-to-action p {
    margin-bottom: 12px;
  }
}
.container section#kommunaler.home header h1 {
  padding-top: 45px;
  padding-bottom: 0;
  line-height: 60px;
}
.container section#kommunaler.product:not(.home) header ul.breadcrumb li {
  margin: 0;
  padding: 0;
}
.container section#kommunaler.product:not(.home) header h1 {
  font-size: 46px;
  line-height: 50px;
  padding: 0 180px 0 0;
  margin: 0;
}
.container section#kommunaler.product:not(.home) header h1::after {
  background-size: auto 100%;
  content: " ";
  position: absolute;
  top: 18px;
  right: 20px;
  bottom: 18px;
  width: 20%;
}
@media only screen and (max-width: 959px) {
  .container section#kommunaler.product:not(.home) header h1 {
    font-size: 40px;
    line-height: 40px;
    padding-right: 40px;
    position: static;
  }
  .container section#kommunaler.product:not(.home) header h1::after {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .container section#kommunaler.product:not(.home) header h1 {
    font-size: 40px;
    line-height: 40px;
    padding-right: 40px;
    position: static;
  }
  .container section#kommunaler.product:not(.home) header h1::after {
    background-size: 60% auto;
  }
}
@media only screen and (max-width: 480px) {
  .container section#kommunaler.product:not(.home) header h1 {
    font-size: 28px;
    line-height: 30px;
    padding-right: 40px;
    position: static;
  }
}
@media only screen and (max-width: 360px) {
  .container section#kommunaler.product:not(.home) header h1::after {
    background: none;
  }
}
.container section#kommunaler h2.sub-section {
  font-size: 28px;
  font-weight: normal;
  margin: 20px 0;
  padding-bottom: 0;
}
.container section#prozess header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_beschaffungsprozess.jpg") top right no-repeat;
  background-size: cover;
}
.container section#prozess header h1 {
  padding-top: 35px;
}
.container section#standards header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_standards.jpg") top right no-repeat;
  background-size: cover;
}
.container section#standards header h1,
.container section#standards header h2,
.container section#standards header h3,
.container section#standards header h4,
.container section#standards header h5,
.container section#standards header p,
.container section#standards header strong,
.container section#standards header a,
.container section#standards header ul {
  color: #ffffff;
}
.container section#standards header h1 {
  padding-top: 35px;
}
.container section#grundlagenwissen header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_wissen.jpg") top right no-repeat;
  background-size: cover;
}
.container section#grundlagenwissen header h1,
.container section#grundlagenwissen header h2,
.container section#grundlagenwissen header h3,
.container section#grundlagenwissen header h4,
.container section#grundlagenwissen header h5,
.container section#grundlagenwissen header p,
.container section#grundlagenwissen header strong,
.container section#grundlagenwissen header a,
.container section#grundlagenwissen header ul {
  color: #ffffff;
}
.container section#grundlagenwissen header h1 {
  padding-top: 35px;
}
.container section#uber header,
.container section#kontakt header {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_meta.jpg") top right no-repeat;
  background-size: cover;
}
.container section#uber header h1,
.container section#kontakt header h1,
.container section#uber header h2,
.container section#kontakt header h2,
.container section#uber header h3,
.container section#kontakt header h3,
.container section#uber header h4,
.container section#kontakt header h4,
.container section#uber header h5,
.container section#kontakt header h5,
.container section#uber header p,
.container section#kontakt header p,
.container section#uber header strong,
.container section#kontakt header strong,
.container section#uber header a,
.container section#kontakt header a,
.container section#uber header ul,
.container section#kontakt header ul {
  color: #ffffff;
}
.container section#uber header h1,
.container section#kontakt header h1 {
  padding-top: 35px;
}
.container dl {
  color: #fff;
}
.container dl dt,
.container dl dd {
  display: inline;
}
.container dl dd {
  font-weight: bold;
}
.container .block-list li {
  display: block;
}
.container section.circle {
  background: #eee;
}
.container section.circle h2,
.container section.circle h3 {
  font-size: 26px;
}
.container section.circle p {
  line-height: 20px;
  margin-bottom: 8px;
}
.container section.circle #wheel-intro {
  font-weight: bold;
}
.container section.circle li {
  display: list-item;
}
.container section.logos p {
  font-size: 20px;
  line-height: 26px;
}
.container .video {
  padding: 3%;
  background: #f3a800;
}
.container .video h1,
.container .video h2,
.container .video h3,
.container .video h4,
.container .video h5,
.container .video p,
.container .video strong,
.container .video a,
.container .video ul {
  color: #ffffff;
}
.container .video h3 {
  margin: 0;
  padding: 0;
  line-height: 1.3;
}
.container .video .videoCont {
  margin-top: 20px;
}
.container .kkompass {
  background: #c10c1b;
}
.container .kkompass h1,
.container .kkompass h2,
.container .kkompass h3,
.container .kkompass h4,
.container .kkompass h5,
.container .kkompass p,
.container .kkompass strong,
.container .kkompass a,
.container .kkompass ul {
  color: #ffffff;
}
.container .kontakt-columns.grey {
  background: #666666;
}
.container .kontakt-columns.grey .column {
  width: 23%;
  padding: 0;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}
.container .kontakt-columns.grey .column p {
  line-height: 18px;
  margin-bottom: 6px;
}
.container .kontakt-columns.grey .column * {
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .container .kontakt-columns.grey .column {
    width: 47%;
    margin: 1% 1% 1% 0;
  }
}
@media only screen and (max-width: 480px) {
  .container .kontakt-columns.grey .column {
    width: 98%;
    margin: 1% 1% 1% 0;
  }
}
#body58 .container .no-top-pad > div:first-child {
  position: relative;
  top: -30px;
}
@media only screen and (max-width: 767px) {
  body .container section.news-items ul.results li.column {
    width: 100%;
  }
  body .container section.intro {
    padding-top: 3%;
  }
}
body#body1 .container section.search h3 {
  font-size: 20px;
  padding-top: 10px;
}
body#body1 .container section.search > h3:first-child {
  max-width: 50%;
  padding-top: 0;
  padding-bottom: 25px;
  line-height: 26px;
}
body .container .video,
body .container section.video {
  padding: 1em 2em !important;
}
body .container .video > div > h2,
body .container section.video > div > h2 {
  margin: 0 -0.5em;
}
body .container .video .videoCont,
body .container section.video .videoCont {
  margin: 0 0 1em 0;
}
body .container .video figcaption p,
body .container section.video figcaption p {
  margin: 0;
}
@media screen and (min-width: 660px) and (max-width: 959px) {
  body .container .video .videoCont,
  body .container section.video .videoCont {
    float: left;
    width: 48%;
    margin: 0 1%;
  }
}
body .container .kkompass {
  padding: 1em 2em !important;
}
body .container .kkompass > div > h2 {
  margin: 0 -0.5em;
}
body .container .kkompass .map {
  position: relative;
}
body .container .kkompass .map figure img {
  width: 100%;
  height: auto !important;
}
body .container .kkompass .map .call-to-action {
  position: absolute;
  left: 50%;
  bottom: 2em;
  transform: translate(-50%, 0);
  text-align: center;
  white-space: nowrap;
}
body .container .kkompass .map .call-to-action a {
  background-color: #c10c1b;
  color: #ffffff;
}
body .container .kkompass .intro h3 {
  padding: 0 0 0.3em 0;
}
body .container .kkompass .intro .call-to-action {
  margin: 1.5em 0;
  text-align: center;
}
body .container .kkompass .intro .call-to-action a {
  background-color: #ffffff;
  color: #c10c1b;
}
#auto-complete-results,
section#kommunaler #auto-complete-results {
  position: absolute;
  width: 99%;
  margin: -2% 0 0 0;
}
#auto-complete-results ul,
section#kommunaler #auto-complete-results ul {
  max-height: 300px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  border-radius: 3px;
  border-width: 2px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: white;
  border: 2px solid #ccc;
}
#auto-complete-results ul li,
section#kommunaler #auto-complete-results ul li {
  margin: 0;
  padding: 0;
  display: block;
}
#auto-complete-results ul li.ui-state-focus,
section#kommunaler #auto-complete-results ul li.ui-state-focus {
  margin: 0;
}
#auto-complete-results ul li a,
section#kommunaler #auto-complete-results ul li a {
  display: block;
  padding: 8px 20px 8px 45px;
  margin: 0px;
  color: #666666;
  text-decoration: none;
}
#auto-complete-results ul li:hover:not(.no-result),
section#kommunaler #auto-complete-results ul li:hover:not(.no-result),
#auto-complete-results ul li.ui-state-focus:not(.no-result),
section#kommunaler #auto-complete-results ul li.ui-state-focus:not(.no-result) {
  background: #666666;
}
#auto-complete-results ul li:hover:not(.no-result) a,
section#kommunaler #auto-complete-results ul li:hover:not(.no-result) a,
#auto-complete-results ul li.ui-state-focus:not(.no-result) a,
section#kommunaler #auto-complete-results ul li.ui-state-focus:not(.no-result) a {
  color: white;
}
#auto-complete-results ul li.no-result,
section#kommunaler #auto-complete-results ul li.no-result {
  background: #ffbfbf;
  pointer-events: none;
}
.container .search {
  padding-top: 40px;
}
.container .search ul li {
  display: block;
  line-height: 200%;
  margin: 0;
  font-size: 16px;
}
.container .search h2 {
  color: #fff;
}
.container .search p {
  font-size: 20px;
  line-height: 25px;
  color: #fff;
}
.container .search p.intro {
  width: 55%;
}
.container .search p.ausschreibungstext {
  position: relative;
  color: #666666;
  font-size: 14px;
  text-indent: 30px;
}
.container .search p.ausschreibungstext::before {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_ausschreibungstext.svg") center center no-repeat transparent;
  background-size: 100% auto;
  content: "A";
  position: absolute;
  top: -2px;
  left: 0;
  width: 14px;
  height: 100%;
  color: transparent;
}
.container .search p.ausschreibungstext::after {
  content: "=";
  position: absolute;
  left: -11px;
}
@media only screen and (max-width: 959px) {
  .container .search p.intro {
    width: auto;
  }
}
.container .search div.results-and-pagination {
  padding: 0 2%;
  background: #ffffff;
  margin: 0 -2.2% -2.2% -2.2%;
}
.container .search div.results-and-pagination .results-contain li {
  line-height: 120%;
  margin-bottom: 12px;
}
.container .results-and-pagination {
  margin: 0;
  padding: 0;
  clear: both;
  position: relative;
}
.container .results-and-pagination nav {
  position: relative;
  margin: 0 -2%;
  background: #666;
  text-align: center;
}
.container .results-and-pagination nav ul {
  margin-bottom: 0;
  padding-bottom: 0;
}
.container .results-and-pagination nav ul li a {
  color: #fff;
  text-decoration: none;
}
.container .results-and-pagination nav ul .active {
  background-color: #ffffff;
}
.container .results-and-pagination nav ul .active a {
  color: #666666;
}
.container .results-and-pagination nav ul li.first {
  left: 20px;
}
.container .results-and-pagination nav ul li.first a::before,
.container .results-and-pagination nav ul li.first span::before {
  content: "<<";
  display: inline-block;
  width: 1em;
  color: transparent;
  margin: 0 5px 0 0;
}
.container .results-and-pagination nav ul li.first a::before {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_erste.svg") center center no-repeat;
}
.container .results-and-pagination nav ul li.first span::before {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_erste.svg") center center no-repeat;
}
.container .results-and-pagination nav ul li.prev {
  left: 10%;
}
.container .results-and-pagination nav ul li.prev a::before,
.container .results-and-pagination nav ul li.prev span::before {
  content: "<";
  display: inline-block;
  width: 1em;
  color: transparent;
  margin: 0 5px 0 0;
}
.container .results-and-pagination nav ul li.prev a::before {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_zurueck.svg") center center no-repeat;
}
.container .results-and-pagination nav ul li.prev span::before {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_zurueck.svg") center center no-repeat;
}
.container .results-and-pagination nav ul li.next {
  right: 10%;
}
.container .results-and-pagination nav ul li.next a::after,
.container .results-and-pagination nav ul li.next span::after {
  content: ">";
  display: inline-block;
  width: 1em;
  color: transparent;
  margin: 0 0 0 5px;
}
.container .results-and-pagination nav ul li.next a::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_vor.svg") center center no-repeat;
}
.container .results-and-pagination nav ul li.next span::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_vor.svg") center center no-repeat;
}
.container .results-and-pagination nav ul li.last {
  right: 20px;
}
.container .results-and-pagination nav ul li.last a::after,
.container .results-and-pagination nav ul li.last span::after {
  content: ">>";
  display: inline-block;
  width: 1em;
  color: transparent;
  margin: 0 0 0 5px;
}
.container .results-and-pagination nav ul li.last a::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_letzte.svg") center center no-repeat;
}
.container .results-and-pagination nav ul li.last span::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_letzte.svg") center center no-repeat;
}
@media only screen and (max-width: 767px) {
  .container .results-and-pagination nav ul li.first,
  .container .results-and-pagination nav ul li.prev,
  .container .results-and-pagination nav ul li.next,
  .container .results-and-pagination nav ul li.last {
    display: none;
  }
}
.container .results-and-pagination nav ul.jumpto li {
  font-size: 14px;
  position: absolute;
  margin-bottom: 0;
}
.container .results-and-pagination nav ul.jumpto li.noclick a {
  opacity: 0.3;
}
.container .results-and-pagination nav ul.jumpto li.noclick a:hover {
  cursor: default;
}
.container .results-and-pagination nav ul.paging li {
  min-width: 35px;
  display: inline-block;
  font-size: 14px;
  margin-left: 0;
  margin-right: 0;
}
.container .results-and-pagination nav ul.paging::before {
  content: "Seite";
  color: #fff;
  margin: 0 10px 0 0;
}
.container .results-and-pagination ul.sorting {
  position: relative;
  z-index: 10;
}
.container .results-and-pagination ul.sorting li {
  min-width: 100px;
  margin: 10px 0 0 -15px;
  float: left;
}
.container .results-and-pagination ul.sorting li label {
  font-size: 12px;
  height: 25px;
  padding-left: 9px;
}
.container .results-and-pagination ul.sorting li a {
  font-size: 11px;
  color: #666666;
  border: 1px solid #666666;
  display: block;
  padding: 0;
  width: 100px;
  text-align: center;
}
.container .results-and-pagination ul.sorting li a:hover,
.container .results-and-pagination ul.sorting li a.active {
  color: #ffffff;
  background-color: #666666;
}
.container .search .pagination {
  padding-bottom: 30px;
}
.container #kommunaler section.search h1,
.container #kommunaler section.search h2,
.container #kommunaler section.search h3,
.container #kommunaler section.search h4,
.container #kommunaler section.search h5,
.container #kommunaler section.search p,
.container #kommunaler section.search strong,
.container #kommunaler section.search a,
.container #kommunaler section.search ul {
  color: #ffffff;
}
.container #kommunaler section.search ul li {
  display: inline;
}
.container #kommunaler section.search ul li.item {
  padding-right: 10px;
}
.container .product-group-slider ul.product-links {
  margin: 0;
  padding: 0;
}
.container .product-group-slider ul.product-links li {
  margin: 0 0 0.5% 0.5%;
  height: 79px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.5% 0;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 10px;
}
.container .product-group-slider ul.product-links li a {
  color: #ffffff;
  display: block;
  width: 100%;
  padding-top: 65px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  text-decoration: none;
  text-transform: uppercase;
}
.container .product-group-slider ul.product-links li.selected {
  background-color: #ffffff;
}
.container .product-group-slider ul.product-links li.selected a,
.container .product-group-slider ul.product-links li a:hover {
  color: #c1110f !important;
}
.container .product-group-slider ul.product-links li.product8083 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_buerobedarf_weiss.svg");
}
.container .product-group-slider ul.product-links li.product8083.selected a,
.container .product-group-slider ul.product-links li.product8083 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_buerobedarf_rot.svg");
}
.container .product-group-slider ul.product-links li.product14 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_meistgesucht_weiss.svg");
}
.container .product-group-slider ul.product-links li.product14.selected a,
.container .product-group-slider ul.product-links li.product14 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_meistgesucht_rot.svg");
}
.container .product-group-slider ul.product-links li.product15 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_bekleidung_weiss.svg");
}
.container .product-group-slider ul.product-links li.product15.selected a,
.container .product-group-slider ul.product-links li.product15 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_bekleidung_rot.svg");
}
.container .product-group-slider ul.product-links li.product16 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_papier_weiss.svg");
}
.container .product-group-slider ul.product-links li.product16.selected a,
.container .product-group-slider ul.product-links li.product16 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_papier_rot.svg");
}
.container .product-group-slider ul.product-links li.product17 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_computer_weiss.svg");
}
.container .product-group-slider ul.product-links li.product17.selected a,
.container .product-group-slider ul.product-links li.product17 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_computer_rot.svg");
}
.container .product-group-slider ul.product-links li.product18 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_lebensmittel_weiss.svg");
}
.container .product-group-slider ul.product-links li.product18.selected a,
.container .product-group-slider ul.product-links li.product18 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_lebensmittel_rot.svg");
}
.container .product-group-slider ul.product-links li.product19 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_holz_weiss.svg");
}
.container .product-group-slider ul.product-links li.product19.selected a,
.container .product-group-slider ul.product-links li.product19 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_holz_rot.svg");
}
.container .product-group-slider ul.product-links li.product8323 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_waschmittel_weiss.svg");
}
.container .product-group-slider ul.product-links li.product8323.selected a,
.container .product-group-slider ul.product-links li.product8323 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_waschmittel_rot.svg");
}
.container .product-group-slider ul.product-links li.product8312 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_naturstein_weiss.svg");
}
.container .product-group-slider ul.product-links li.product8312.selected a,
.container .product-group-slider ul.product-links li.product8312 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_naturstein_rot.svg");
}
.container .product-group-slider ul.product-links li.product11150 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_handy_weiss.svg");
}
.container .product-group-slider ul.product-links li.product11150.selected a,
.container .product-group-slider ul.product-links li.product11150 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_handy_rot.svg");
}
.container .product-group-slider ul.product-links li.product11543 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_spielwaren_weiss.svg");
}
.container .product-group-slider ul.product-links li.product11543.selected a,
.container .product-group-slider ul.product-links li.product11543 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_spielwaren_rot.svg");
}
.container .product-group-slider ul.product-links li.product8088 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_sportgeraete_weiss.svg");
}
.container .product-group-slider ul.product-links li.product8088.selected a,
.container .product-group-slider ul.product-links li.product8088 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_sportgeraete_rot.svg");
}
.container .product-group-slider ul.product-links li.product2682 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_mobilitaet_weiss.svg");
}
.container .product-group-slider ul.product-links li.product2682.selected a,
.container .product-group-slider ul.product-links li.product2682 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_mobilitaet_rot.svg");
}
.container .product-group-slider ul.product-links li.product10894 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_leder_weiss.svg");
}
.container .product-group-slider ul.product-links li.product10894.selected a,
.container .product-group-slider ul.product-links li.product10894 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_leder_rot.svg");
}
.container .product-group-slider ul.product-links li.product8134 a {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_technik_weiss.svg");
}
.container .product-group-slider ul.product-links li.product8134.selected a,
.container .product-group-slider ul.product-links li.product8134 a:hover {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_technik_rot.svg");
}
@media only screen and (max-width: 959px) {
  .container .product-group-slider ul.product-links li {
    margin: 1% 1% 1% 0;
    width: 30.3%;
  }
}
@media only screen and (max-width: 767px) {
  .container .product-group-slider ul.product-links li {
    width: 47%;
  }
}
.container .product-group-slider ul.product-links.slick-slider {
  padding: 0 8%;
}
.container .product-group-slider ul.product-links.slick-slider .slick-prev,
.container .product-group-slider ul.product-links.slick-slider .slick-next {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4%;
  border: none;
  outline: none;
  background: none;
  color: transparent;
  cursor: pointer;
}
.container .product-group-slider ul.product-links.slick-slider .slick-prev:before,
.container .product-group-slider ul.product-links.slick-slider .slick-next:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("../images/icon_pfeil_gross_links_weiss.svg") no-repeat center center;
  background-size: contain;
}
.container .product-group-slider ul.product-links.slick-slider .slick-next {
  left: auto;
  right: 0;
}
.container .product-group-slider ul.product-links.slick-slider .slick-next:before {
  background-image: url("../images/icon_pfeil_gross_rechts_weiss.svg");
}
.container ul.results {
  background: #fff;
  margin: 0 -2.2%;
  padding: 1%;
}
.container ul.results li.column {
  width: 24%;
  margin: 1% 0 1% 1%;
  padding: 0;
}
.container ul.results li.column ul li {
  position: relative;
}
.container ul.results li.column:first-child {
  margin-left: 0;
}
.container ul.results ul {
  margin: 0 0 0 5px;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .container ul.results li.column {
    width: 47%;
    margin: 0 1% 0 0;
  }
}
.container ul.results .text:after {
  content: "Ausschreibungstext";
  overflow: hidden;
  position: absolute;
  top: -2px;
  display: inline-block;
  margin: 0 0 0 7px;
  color: transparent;
  height: 100%;
  width: 14px;
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_ausschreibungstext.svg") no-repeat center center transparent;
  background-size: 100%;
}
/* Styles for homepage specific search box */
body#body1 .container ul.product-links li {
  background: none;
  padding-top: 0.5%;
}
.container .section.product .column {
  padding: 0;
}
.container section.main.product {
  width: 100%;
}
.container section.main.product header {
  padding: 1%;
  position: relative;
  min-height: 180px;
}
.container section.main.product header ul {
  padding: 13px 0 0;
  margin-bottom: 5px;
}
.container section.main.product header ul li {
  color: white;
  font-size: 14px;
  font-weight: normal;
  margin: 0 10px 0 0;
  padding: 10px 0 10px 0;
  line-height: 14px;
}
.container section.main.product header ul li a {
  text-decoration: none;
}
.container section.main.product header ul li a:hover {
  text-decoration: underline;
}
.container section.main.product header ul li:after {
  content: "▶";
  margin: 0 7px 0 10px;
  font-size: 11px;
}
.container section.main.product header h3 {
  font-size: 50px;
  line-height: 50px;
  padding: 0 20% 0 0;
  margin: 0;
}
.container section.main.product header h3::after {
  background-size: auto 100%;
  content: " ";
  position: absolute;
  top: 25%;
  right: 20px;
  bottom: 25%;
  width: 100%;
}
.container section.main.product header dl {
  font-size: 14px;
  font-weight: normal;
  margin: 5px 0 0 0;
}
.container .buerobedarf h3::after,
.container .product8083 h3::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_buerobedarf_weiss.svg") top right no-repeat transparent;
  background-size: auto 100%;
}
.container .buerobedarf .wheel-buerobedarf,
.container .product8083 .wheel-buerobedarf {
  display: block;
}
.container .technik h3::after,
.container .product8134 h3::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_technik_weiss.svg") top right no-repeat transparent;
  background-size: auto 100%;
}
.container .technik .wheel-technik,
.container .product8134 .wheel-technik {
  display: block;
}
.container .bekleidung-textilien h3::after,
.container .product15 h3::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_bekleidung_weiss.svg") top right no-repeat transparent;
  background-size: auto 100%;
}
.container .bekleidung-textilien .wheel-textil,
.container .product15 .wheel-textil {
  display: block;
}
.container .product16 h3::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_papier_weiss.svg") top right no-repeat transparent;
  background-size: auto 100%;
}
.container .product16 .wheel-papier {
  display: block;
}
.container .product17 h3::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_computer_weiss.svg") top right no-repeat transparent;
  background-size: auto 100%;
}
.container .product17 .wheel-computer {
  display: block;
}
.container .product18 h3::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_lebensmittel_weiss.svg") top right no-repeat transparent;
  background-size: auto 100%;
}
.container .product18 .wheel-lebensmittel {
  display: block;
}
.container .product19 h3::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_produktgruppe_holz_weiss.svg") top right no-repeat transparent;
  background-size: auto 100%;
}
.container .product19 .wheel-holz {
  display: block;
}
.container .product8312 .wheel-naturstein {
  display: block;
}
.container .product11543 .wheel-spielzeug {
  display: block;
}
.container .product8088 .wheel-sportbaelle {
  display: block;
}
.container .product2682 .wheel-mobilitaet {
  display: block;
}
.container .product10894 .wheel-leder {
  display: block;
}
.container .product8134 .wheel-technik {
  display: block;
}
.container .product11150 .wheel-mobiltelefone {
  display: block;
}
.container .local ul {
  margin: 0;
  padding: 0;
}
.container .local ul li.column {
  width: 24%;
  margin: 1% 0 1% 1%;
  padding: 0;
}
.container .local ul li.column:first-child {
  margin-left: 0;
}
.container .local ul ul {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .container .local ul li.column {
    width: 47%;
    margin: 1% 1% 1% 0;
  }
}
.container .carousel h2,
.container .carousel p {
  color: #666;
}
.container .carousel .outlinks {
  display: block;
  position: relative;
  height: 100px;
  margin: 0 0 40px;
  white-space: nowrap;
  overflow: hidden;
}
.container .carousel .outlinks ul {
  margin: 0 50px;
  text-align: center;
  height: 100px;
}
.container .carousel .outlinks ul li {
  margin: 0 10px;
  height: 100%;
  overflow: hidden;
}
.container .carousel .outlinks ul li p {
  position: absolute;
  color: transparent;
}
.container .carousel ul::before {
  background: url(/assets/images/icon_pfeil_klein_links_grau.svg) center center no-repeat #ffffff;
  background-size: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 100px;
  content: "<";
  color: transparent;
}
.container .carousel ul::after {
  background: url(/assets/images/icon_pfeil_klein_rechts_grau.svg) center center no-repeat #ffffff;
  background-size: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 100px;
  content: ">";
  color: transparent;
}
.container .carousel .call-to-action {
  margin: 0 0 -40px;
}
.container .carousel .call-to-action p {
  text-align: center;
}
.container .carousel .call-to-action p a {
  background-color: #666;
}
.container .logos .call-to-action {
  margin-top: 2%;
}
.container .quote {
  zoom: 1;
  margin-top: 0;
  padding-top: 0;
  clear: both;
}
.container .quote .call-to-action p {
  text-align: center;
}
.container .quote .call-to-action p a {
  color: #ffffff;
  background-color: #666;
}
.container .quote blockquote {
  background: none repeat scroll 0 0 #fff;
  margin: 0 10% 0;
  padding: 20px;
  border: 0;
  font-style: normal;
}
.container .quote blockquote::before {
  color: #666;
  content: "“";
  display: block;
  font-size: 90px;
  font-face: Helvetica, Arial, sans-serif;
  height: 10px;
  position: relative;
  left: -50px;
  top: 25px;
}
.container .quote blockquote p {
  position: relative;
  line-height: 30px;
}
.container .quote blockquote p::after {
  color: #666;
  content: "”";
  font-size: 90px;
  font-face: Helvetica, Arial, sans-serif;
  margin: 0;
  position: relative;
  line-height: 0;
  top: 60px;
}
.container .testen form {
  padding: 0 0 0 20px;
  margin-bottom: 10px;
}
.container .testen form p label {
  display: inline;
  font-weight: normal;
  font-size: 14px;
}
.container .testen form p input {
  margin: 0 5px 0 -20px;
  vertical-align: middle;
}
.container .testen form p.answered span {
  font-style: italic;
  font-size: 14px;
  color: #ccc;
}
.container .testen form .call-to-action {
  margin-top: 30px;
  margin-left: -20px;
}
.container .svg-wheel {
  display: none;
}
.container #wheel-hover {
  display: none;
}
.container .wheelright div {
  display: none;
}
.container .wheelright div:first-child {
  display: block;
}
.container .wheelright .text-center {
  text-align: center;
}
.container .wheelright .text-right {
  text-align: right;
}
.container .wheelright .text-justify {
  text-align: justify;
}
.container .wheelright .lead {
  font-weight: normal;
  font-size: 22px;
  padding-bottom: 10px;
}
.container .wheelright h1 {
  font-size: 38px;
  padding-bottom: 10px;
  line-height: 36px;
}
.container .wheelright h2 {
  font-size: 34px;
  padding-bottom: 10px;
  line-height: 36px;
}
.container .wheelright h3 {
  font-size: 30px;
  padding-bottom: 10px;
  line-height: 36px;
}
.container .wheelright h4 {
  font-weight: bold;
  font-size: 22px;
  padding-bottom: 10px;
  line-height: 36px;
}
.container .wheelright h5 {
  font-size: 18px;
}
.container .wheelright p {
  font-weight: normal;
  margin-bottom: 5px;
  font-size: 16px;
}
.container .wheelright ul {
  margin-top: 5px;
  margin-left: 20px;
  list-style: outside disc;
}
.container .wheelright ul li {
  display: list-item;
  font-size: 16px;
  margin-bottom: 5px;
}
.container .wheelright .wheelintro p {
  font-weight: bold;
}
.container .circle object {
  width: 100%;
  height: 100%;
}
#prozess h1 {
  max-width: 80%;
}
#standards h1 {
  max-width: 60%;
}
#standards .videoCont .figureCaption {
  font-size: 18px;
  text-align: center;
}
#standards .bx-wrapper .bx-pager .bx-pager-item {
  margin-bottom: 5px;
}
#standards-list .list.column.block > div > div {
  clear: left;
  margin-bottom: 40px;
}
#standards-list .list.column.block > div > div .img-wrap {
  padding-top: 7px;
  float: left;
  max-width: 100px;
}
#standards-list .list.column.block > div > div .text {
  margin-left: 120px;
}
#standards-list .list.column.block > div > div h3 {
  margin: 0 0 0;
  padding: 0 0 5px;
}
/** HEADERS FOR THE STANDARD PAGES **/
.container section.standards-list48 header {
  background: url('/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_bekleidung.jpg') no-repeat scroll right top transparent;
}
.container section.standards-list55 header {
  background: url('/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_papier.jpg') no-repeat scroll left bottom transparent;
}
.container section.standards-list56 header {
  background: url('/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_computer.jpg') no-repeat scroll left bottom transparent;
}
.container section.standards-list49 header {
  background: url('/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_lebensmittel.jpg') no-repeat scroll left bottom transparent;
}
.container section.standards-list50 header {
  background-image: url('/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/keyvisual_holz.jpg');
}
.bx-wrapper .bx-viewport {
  box-shadow: none;
}
section.logos .bx-wrapper img {
  max-width: 120px;
  max-height: 120px;
}
.video-slider {
  background-color: #0071a9;
}
.video-slider span {
  top: auto;
  bottom: 80px;
  height: 545px;
}
.video-slider .prev {
  background: url(/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_gross_links_weiss.svg) center center no-repeat transparent;
}
.video-slider .next {
  background: url(/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_gross_rechts_weiss.svg) center center no-repeat transparent;
  right: 10px;
}
.scroll h2,
.video-slider h2,
.scroll p,
.video-slider p {
  color: #ffffff;
}
.scroll .videoCont,
.video-slider .videoCont {
  margin: 20px 0;
}
.scroll div.outer,
.video-slider div.outer {
  position: relative;
}
.scroll div.outer .prev,
.video-slider div.outer .prev,
.scroll div.outer .next,
.video-slider div.outer .next {
  position: absolute;
  top: 0;
  z-index: 100;
  height: 100%;
  width: 66px;
}
.scroll div.outer .prev a,
.video-slider div.outer .prev a,
.scroll div.outer .next a,
.video-slider div.outer .next a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: transparent;
}
.scroll div.outer .next,
.video-slider div.outer .next {
  right: -3px;
}
.scroll div.outer .next a,
.video-slider div.outer .next a {
  right: 0;
}
.scroll div.outer .bx-pager-link,
.video-slider div.outer .bx-pager-link {
  text-decoration: none;
  border-radius: 50%;
  border: 2px solid white;
  width: 1em;
  height: 1em;
  font-size: 1.5em;
  color: white;
  padding: 0.4em;
  margin: 0.25em;
}
.scroll div.outer .bx-pager-link.active,
.video-slider div.outer .bx-pager-link.active {
  background-color: #fff;
  color: #0071a9;
}
.scroll div.outer .bx-viewport,
.video-slider div.outer .bx-viewport {
  background: transparent;
  border-color: transparent;
}
.product .scroll .prev {
  background: url(/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_klein_links_grau.svg) center center no-repeat #ffffff;
  background-size: 50%;
}
.product .scroll .next {
  background: url(/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_klein_rechts_grau.svg) center center no-repeat #ffffff;
  right: 20px;
  background-size: 50%;
}
/** FOTS AND STYLES  **/
.accordion .text-center {
  text-align: center;
}
.accordion sup {
  vertical-align: super;
  font-size: 10px;
}
.accordion sub {
  vertical-align: sub;
  font-size: 10px;
}
.accordion .text-right {
  text-align: right;
}
.accordion .text-justify {
  text-align: justify;
}
.accordion .lead {
  font-weight: normal;
  font-size: 22px;
  padding-bottom: 10px;
}
.accordion .acc-li div.acc-section h2 {
  font-size: 30px;
  font-weight: normal;
}
.accordion .acc-li div.acc-section h3 {
  font-size: 24px;
  font-weight: normal;
}
.accordion .acc-li div.acc-section h4 {
  font-size: 20px;
  font-weight: normal;
}
.accordion .acc-li div.acc-section p,
.accordion .acc-li div.acc-section ol,
.accordion .acc-li div.acc-section ul:not(.mlacc-sub) {
  font-size: 16px;
}
.accordion .mlacc-title a.directlink {
  display: inline-block;
  padding-left: 0.5em;
  text-decoration: none;
  opacity: 0;
  color: inherit !important;
  transition: opacity 0.7s;
}
.accordion .mlacc-title:hover a.directlink {
  opacity: 0.2;
}
/** Accordion structural **/
section.accordion.column {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  width: 96%;
}
section.accordion.column h2 {
  padding: 2%;
}
.accordion .acc-li {
  position: relative;
  display: block;
}
.accordion .acc-li > h3,
.accordion .acc-li > h4 {
  cursor: pointer;
  font-weight: bold;
}
.accordion .acc-li > h3::before,
.accordion .acc-li > h4::before {
  cursor: pointer;
}
.accordion .acc-li > h3 span,
.accordion .acc-li > h4 span {
  font-weight: normal;
}
.accordion .acc-li div.acc-section {
  display: block;
  overflow: hidden;
}
.accordion .acc-li div.acc-section ol li {
  display: list-item;
}
.accordion .acc-li div.acc-section ul:not(.mlacc-sub) {
  list-style: disc;
  margin: 20px;
}
.accordion .acc-li div.acc-section ul:not(.mlacc-sub) li {
  display: list-item;
}
.accordion .acc-li div.acc-section ul:not(.mlacc-sub) li > ul {
  list-style: square;
}
.accordion .acc-li span {
  height: auto;
}
.accordion .multi-accordion {
  padding: 0;
}
.accordion .multi-accordion > h3 {
  bottom: 20px;
}
.accordion .multi-accordion h3 {
  padding: 0 0 5px;
}
.accordion .multi-accordion h4 {
  font-size: 16px;
  line-height: 16px;
}
.accordion .multi-accordion h5 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.accordion .multi-accordion h6 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
}
.accordion .multi-accordion ul {
  margin: 0 -2%;
  padding: 0;
}
.accordion .table {
  border-spacing: 20px;
  display: table;
  width: 100%;
}
.accordion .table .table-row {
  display: table-row;
}
.accordion .table .table-row.header {
  font-weight: bold;
}
.accordion .table .table-row .table-cell {
  display: table-cell;
  width: 25%;
}
.accordion .table .table-row .table-cell:nth-child(2) {
  width: 50%;
}
.accordion-blue .acc-li {
  padding: 0 2% 0;
  background: #eee;
  margin: 0 0 2px;
}
.accordion-blue .acc-li h3,
.accordion-blue .acc-li h4 {
  font-size: 30px;
}
.accordion-blue .acc-li h4 {
  margin-bottom: 20px;
}
.accordion-blue .acc-li > h3,
.accordion-blue .acc-li > h4 {
  background: #0072a9;
  padding: 20px 2%;
  margin: 0 -2%;
  color: #fff;
}
.accordion-blue .acc-li > h3::before,
.accordion-blue .acc-li > h4::before {
  position: absolute;
  right: 20px;
  font-size: 2em;
  font-weight: normal;
  height: 100%;
  line-height: 40%;
  content: "+";
  color: #fff;
}
.accordion-blue .acc-li > h3::after,
.accordion-blue .acc-li > h4::after {
  position: absolute;
  right: 6%;
  top: 62px;
  z-index: 2;
  content: " ";
  width: 62px;
  height: 34px;
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/acc-1.png") no-repeat scroll 0px 0px transparent;
}
.accordion-blue .acc-li div.acc-section {
  background: #eee;
  margin: 0 -2%;
  padding: 0 2%;
}
.accordion-blue .acc-li div.acc-section p {
  color: #666;
}
.accordion-blue .acc-li div.acc-section a {
  color: #666;
}
.accordion-blue .acc-li div.acc-section ul {
  font-size: 16px;
  margin-top: 20px;
  list-style: disc;
}
.accordion-blue .acc-li div.acc-section ul li {
  margin-bottom: 16px;
  display: list-item;
}
.accordion-blue .acc-li div.acc-section ul li li {
  list-style: circle;
}
.accordion-blue .acc-li div.acc-section div {
  padding-top: 10px;
}
.accordion-blue .acc-li:nth-of-type(even) > h3,
.accordion-blue .acc-li:nth-of-type(even) > h4 {
  background: #4095c4;
}
.accordion-blue .acc-li:nth-of-type(even) > h3::after,
.accordion-blue .acc-li:nth-of-type(even) > h4::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/acc-2.png") no-repeat scroll 0px 0px transparent;
}
.accordion-blue .acc-li .acc-selected {
  background: #c0110f!important;
  padding: 20px 2%;
  margin: 0 -2% 0;
}
.accordion-blue .acc-li .acc-selected::before {
  position: absolute;
  top: 15px;
  right: 20px;
  font-weight: normal;
  height: 100%;
  line-height: 40%;
  content: "\2013";
  color: #fff;
}
.accordion-blue .acc-li span *:first-child {
  margin-top: 40px;
}
.accordion-blue .acc-li .acc-selected::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/acc-3.png") no-repeat scroll 0px 0px transparent !important;
}
.accordion-blue li:last-child > h3::after,
.accordion-blue li:last-child > h4::after {
  display: none;
}
.accordion-blue li:last-child:last-child:after {
  display: none;
}
.accordion-grey .acc-li {
  position: relative;
  padding: 0 2% 0;
  background: #eee;
  margin: 0 0 2px;
}
.accordion-grey .acc-li h3 {
  font-size: 20px;
  line-height: 26px;
}
.accordion-grey .acc-li > h3,
.accordion-grey .acc-li > h4 {
  background: #ddd;
  padding: 1.5% 2%;
  margin: 0 -2%;
  color: #666;
  padding-right: 75px;
}
.accordion-grey .acc-li > h3::before,
.accordion-grey .acc-li > h4::before {
  position: absolute;
  right: 20px;
  font-size: 300%;
  font-weight: normal;
  top: 18px;
  content: "+";
  color: #666;
}
.accordion-grey .acc-li > h3 span,
.accordion-grey .acc-li > h4 span {
  font-weight: lighter;
  margin-right: 2%;
  display: inline-block;
  margin-left: -45px;
}
.accordion-grey .acc-li h3.acc-selected,
.accordion-grey .acc-li h4.acc-selected {
  background-color: #c00a1b;
  color: #fff;
}
.accordion-grey .acc-li h3.acc-selected::before,
.accordion-grey .acc-li h4.acc-selected::before {
  content: "–";
  color: #fff;
  top: 13px;
}
.accordion-grey .acc-li > h4,
.accordion-grey .acc-li > h4.acc-selected {
  margin-bottom: 20px;
}
.accordion-grey .acc-li div.acc-section {
  background-color: #eee;
  margin: 0 -2%;
  padding: 0 2%;
}
.accordion-grey .acc-li div.acc-section p {
  margin-top: 20px;
  color: #666;
}
.accordion-grey .acc-li div.acc-section ul.mlacc ul:not(.mlacc-sub) {
  margin-top: 20px;
  margin-left: 20px;
  list-style: disc;
}
.accordion-grey .acc-li div.acc-section ul.mlacc ul:not(.mlacc-sub) li {
  margin-bottom: 16px;
  display: list-item;
}
.accordion-grey .acc-li div.acc-section ul.mlacc ul:not(.mlacc-sub) li li {
  list-style: circle;
}
.accordion-grey .acc-li div.acc-section a {
  color: #666;
}
.accordion-grey .acc-li.empty h3,
.accordion-grey .acc-li.empty h4 {
  background: url(/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/bg_empty.gif) 0 0 repeat #f9f9f9;
  color: #d0d0d0;
}
.accordion-grey .acc-li.empty h3::before,
.accordion-grey .acc-li.empty h4::before {
  display: none;
}
.accordion-grey .acc-li.empty div.acc-section > div {
  padding-top: 0;
}
.accordion-grey .acc-li .acc-selected {
  background-color: #c0110f;
  margin: 0 -2% 0;
}
.accordion-grey .acc-li .acc-selected::after {
  background-color: #c0110f;
}
.accordion-grey.accordion-ordered .acc-li > h3,
.accordion-grey.accordion-ordered .acc-li > h4 {
  padding-left: 65px;
}
.accordion-grey.accordion-ordered .acc-li ul {
  margin-left: 30px;
}
.accordion-grey .mlacc h4 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}
.accordion-grey .mlacc h4.mlacc-title {
  margin-top: 0;
  margin-bottom: 0;
  background: #eeeeee;
  border-top: 2px solid white;
  font-size: 16px;
  line-height: 16px;
}
.accordion-grey .mlacc h4.mlacc-title.acc-selected {
  background-color: #c00a1b;
}
.accordion-grey .mlacc ul {
  margin: 0 -2%;
}
.accordion-grey .mlacc ul ul {
  margin: 0;
  font-size: 16px;
}
.accordion-grey.accordion-icons .acc-li.baustoffe h3 {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/baustoffe.svg");
}
.accordion-grey.accordion-icons .acc-li.bekleidung h3 {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/bekleidung.svg");
}
.accordion-grey.accordion-icons .acc-li.computer h3 {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/computer.svg");
}
.accordion-grey.accordion-icons .acc-li.holz h3 {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/holz.svg");
}
.accordion-grey.accordion-icons .acc-li.lebensmittel h3 {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/lebensmittel.svg");
}
.accordion-grey.accordion-icons .acc-li.mobilitat h3 {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/mobilitaet.svg");
}
.accordion-grey.accordion-icons .acc-li.papier h3 {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/papier.svg");
}
.accordion-grey.accordion-icons .acc-li.prasente h3 {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/prasente.svg");
}
.accordion-grey.accordion-icons .acc-li.reinigung h3 {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/reinigung.svg");
}
.accordion-grey.accordion-icons .acc-li.spielwaren h3 {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/spielwaren.svg");
}
.accordion-grey.accordion-icons .acc-li.technik h3 {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/technik.svg");
}
.accordion-grey.accordion-icons .acc-li.werkzeuge h3 {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/werkzeug.svg");
}
.accordion-grey.accordion-icons .acc-li h3 {
  background-position: 25px 5px;
  background-repeat: no-repeat;
  padding-left: 105px;
}
@media only screen and (max-width: 959px) {
  .accordion-grey .acc-li > h3::before {
    top: 15px;
  }
  .accordion-grey .acc-li > h4::before {
    top: 15px;
  }
  .accordion-grey .acc-li h3.acc-selected::before {
    top: 9px;
  }
  .accordion-grey .acc-li h4.acc-selected::before {
    top: 9px;
  }
}
@media only screen and (max-width: 767px) {
  .accordion-grey .acc-li > h3::before {
    top: 10px;
  }
  .accordion-grey .acc-li > h4::before {
    top: 10px;
  }
  .accordion-grey .acc-li h3.acc-selected::before {
    top: 6px;
  }
  .accordion-grey .acc-li h4.acc-selected::before {
    top: 10px;
  }
  .accordion .table {
    display: block;
  }
  .accordion .table .table-row {
    display: block;
    margin: 20px 10px;
  }
  .accordion .table .table-row.header {
    display: none;
  }
  .accordion .table .table-row .table-cell {
    display: block;
    width: 100%;
  }
  .accordion .table .table-row .table-cell:nth-child(2) {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .accordion-grey .acc-li > h3::before {
    top: -2px;
  }
  .accordion-grey .acc-li > h4::before {
    top: 4px;
  }
  .accordion-grey .acc-li h3.acc-selected::before {
    top: -4px;
  }
  .accordion-grey .acc-li h4.acc-selected::before {
    top: -4px;
  }
}
/* ACCESSIBILITY */
.container .sr-only {
  position: absolute;
  left: -3000em;
}
.container form .kk-subscribe-home select {
  float: left;
  width: 50%;
  color: #aaaaaa;
}
.container form .kk-subscribe-home .call-to-action {
  float: right;
  width: 35%;
}
.container form .kk-subscribe-home .call-to-action input {
  background: #666666;
  border-radius: 3px;
  color: white;
  padding: 10px;
  text-transform: uppercase;
  margin: 0 20px 0 0;
  font-size: 10px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}
.container form {
  position: relative;
  margin: 0 0 30px;
}
.container form input[type=text],
.container form input[type=email],
.container form select {
  font-size: 20px;
  padding: 1% 2%;
  width: 100%;
  min-width: 300px;
  border-radius: 3px;
  border-width: 2px;
  box-sizing: border-box;
}
.table .container form select {
  float: left;
  width: 60%;
  color: #aaaaaa;
}
.search .container form input[type=text] {
  background: #ffffff url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_suche.svg") 10px center no-repeat;
  padding-left: 45px;
  margin-bottom: 0px;
}
.table .container form .call-to-action {
  float: right;
  width: 35%;
}
.table .container form .call-to-action input {
  background: transparent;
  border: 2px solid white;
  border-radius: 3px;
  color: white;
  padding: 10px;
  text-transform: uppercase;
  margin: 0 20px 0 0;
  font-size: 110%;
  font-weight: normal;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .table .container form select {
    width: 100%;
  }
}
@media only screen and (max-width: 959px) {
  .container form fieldset.textfields label {
    float: none;
    position: static;
    width: auto;
    text-align: left;
  }
}
.container .column.newsletter {
  background: #eee;
  padding: 1% 0;
}
.container .column.newsletter form {
  margin: 0 0 10px;
}
.container .column.newsletter form fieldset {
  border-bottom: 2px solid white;
}
.container .column.newsletter form fieldset:last-child {
  border-bottom: 0;
}
.container .column.newsletter form fieldset.textfields label {
  font-size: 18px;
  font-weight: normal;
  margin-left: 50px;
  width: 20%;
  float: left;
  padding-top: 5px;
  text-align: right;
}
.container .column.newsletter form fieldset.textfields .faux-select {
  position: relative;
  margin-left: 0;
  clear: none;
  width: 100%;
  max-width: 45%;
  padding-top: 0;
}
.container .column.newsletter form fieldset.textfields select {
  margin-left: 0;
}
.container .column.newsletter form fieldset.textfields p {
  margin: 8px 20px;
}
.container .column.newsletter form fieldset p {
  margin: 10px 20px;
}
@media only screen and (min-width: 768px) {
  .container .column.newsletter form fieldset p {
    width: 100%;
  }
}
.container .column.newsletter form label {
  font-size: 16px;
  font-weight: normal;
  display: inline-block;
}
.container .column.newsletter form .option {
  float: left;
  padding-top: 5px;
}
.container .column.newsletter form legend {
  font-size: 16px;
  padding-top: 10px;
  margin-left: 20px;
}
.container .column.newsletter form input[type=text],
.container .column.newsletter form input[type=email],
.container .column.newsletter form select {
  font-size: 16px;
  padding: 5px;
  width: 100%;
  min-width: 300px;
  max-width: 45%;
  border-radius: 3px;
  border-width: 2px;
  box-sizing: border-box;
  margin-bottom: 0;
  float: left;
  margin-right: 10px;
}
.container .column.newsletter form input[type=submit] {
  background: #666666;
  color: white;
  padding: 10px;
  text-transform: uppercase;
  margin: 0 20px 0 0;
  font-size: 16px;
  font-weight: normal;
  width: 280px;
  border: none;
  border-radius: 0;
  text-shadow: 0;
  white-space: pre-wrap;
}
.container .column.newsletter form .cta-wrapper {
  padding-top: 20px;
  text-align: center;
  height: auto;
  clear: both;
}
.container .column.newsletter form .cta-wrapper .call-to-action {
  position: static;
}
.container .column.newsletter form fieldset {
  margin: 10px 0;
  padding-bottom: 10px;
}
.container .column.newsletter form fieldset p,
.container .column.newsletter form fieldset label {
  float: left;
}
.container .column.newsletter form fieldset label {
  margin-left: 5px;
  margin-right: 15px;
  margin-bottom: 2px;
  max-width: 600px;
}
.container .column.newsletter form fieldset input[type=checkbox] {
  vertical-align: middle;
  margin-left: 24%;
  float: left;
  margin-top: 4px;
}
.container .column.newsletter form fieldset select {
  margin-left: 26%;
}
.container .column.newsletter form fieldset label.faux-select {
  position: relative;
  margin-left: 22%;
  clear: left;
  width: 400px;
}
.container .column.newsletter form fieldset label.faux-select select {
  margin-bottom: 0;
  max-width: 100%;
}
.container .column.newsletter form fieldset label.faux-select:after {
  content: '>';
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 10px;
  top: 5px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
  font-size: 24px;
}
.container .column.newsletter form fieldset label.faux-select:before {
  content: '';
  right: 2px;
  top: 0;
  bottom: 2px;
  width: 30px;
  background: #fff;
  position: absolute;
  pointer-events: none;
  display: block;
  border: 2px solid transparent;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
}
@media only screen and (max-width: 767px) {
  .container .column.newsletter form fieldset label,
  .container .column.newsletter form fieldset.textfields label {
    float: none;
    position: static;
    width: auto;
    text-align: left;
    margin: 0;
    display: inline;
  }
  .container .column.newsletter form fieldset input[type=checkbox] {
    margin-left: 0;
  }
  .container .column.newsletter form fieldset select {
    margin-left: 0;
  }
  .container .column.newsletter form fieldset input[type=text],
  .container .column.newsletter form fieldset input[type=email],
  .container .column.newsletter form fieldset select {
    float: none;
  }
}
.container .powermail_form #powermail_field_ihrenachricht {
  width: 100%;
  height: 200px;
}
.container .powermail_form input[type="text"].parsley-error,
.container .powermail_form input[type="password"].parsley-error,
.container .powermail_form input[type="email"].parsley-error,
.container .powermail_form div.checkbox.parsley-error,
.container .powermail_form textarea.parsley-error,
.container .powermail_form select.parsley-error {
  margin-bottom: 10px;
  border: 1px solid #c1110f;
}
.container .powermail_form .powermail_submit {
  width: 100%;
  background: #666666;
  border-radius: 3px;
  color: white;
  padding: 10px;
  text-transform: uppercase;
  margin: 10px 20px 0 0;
  font-size: 10px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}
/*  newsletter form */
.container .kk-newsletter .message-body {
  margin: 0;
  font-size: 20px;
  text-align: center;
  padding: 20px;
  background: #6c922f;
  color: #ffffff;
}
.container sup {
  vertical-align: super;
  font-size: 10px;
}
.container sub {
  vertical-align: sub;
  font-size: 10px;
}
.container .form-errors {
  font-size: 20px;
  background: #FFBFBF;
  margin: -1% 0 0 0;
  text-align: center;
}
.container .form-errors li {
  padding: 20px;
  list-style-type: none;
  margin: 0px;
  display: block;
}
.container section.column.block.newsletter {
  width: 100%;
  margin: 0 0 2% 0;
}
.container section.column.block.newsletter form input[type=submit] {
  margin: 0 0 2em 0;
}
.container section.column.block.newsletter .remove-sub {
  font-size: 12px;
  text-align: center;
}
.container section.column.block.newsletter small {
  font-size: 14px;
  font-style: italic;
}
/** expired page **/
#dialog-message-2 .newsletter-dialog h2 {
  display: none;
}
#dialog-message-2 .newsletter-dialog p {
  font-size: 16px;
}
/**
 * Newsletter Popup
 **/
.ui-widget-overlay {
  background: black;
  opacity: 0.8;
}
.ui-dialog {
  background: #ffffff;
  padding: 2% 2% 0 2%;
}
.ui-dialog h2 {
  font-size: 140%;
}
.ui-dialog hr {
  height: 0;
  border: 0;
  zoom: 1;
}
.ui-dialog button {
  float: right;
  background: #ffffff;
  border: 0;
}
.ui-dialog button .ui-icon-closethick:before {
  font-size: 36px;
  color: #666666;
}
.ui-dialog button .ui-button-text {
  display: none;
}
.ui-dialog .ui-icon-closethick {
  text-indent: 0;
}
.ui-dialog .ui-icon-closethick:before {
  content: "\2715";
  padding-left: 2px;
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin-top: -6px;
}
.ui-dialog #ajax-subscription-form .ui-widget {
  float: left;
  width: 60%;
  color: #aaaaaa;
}
.ui-dialog #ajax-subscription-form input[type=text] {
  font-size: 20px;
  padding: 1% 2%;
  width: 100%;
  min-width: 300px;
  border-radius: 3px;
  border-width: 2px;
  box-sizing: border-box;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}
.ui-dialog #ajax-subscription-form .call-to-action {
  float: right;
  width: 35%;
}
.ui-dialog #ajax-subscription-form .call-to-action input {
  background: #666666;
  border-radius: 3px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 20px 0 0;
  font-size: 11px;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
  box-sizing: border-box;
}
@media only screen and (max-width: 480px) {
  .ui-dialog {
    max-width: 90%;
  }
  .ui-dialog h2 {
    font-size: 120%;
  }
  .ui-dialog #ajax-subscription-form .ui-widget {
    float: none;
    width: 100%;
  }
  .ui-dialog #ajax-subscription-form .ui-widget input {
    min-width: 200px;
  }
  .ui-dialog #ajax-subscription-form .call-to-action {
    float: none;
    width: 100%;
    padding-bottom: 2%;
  }
  .ui-dialog #ajax-subscription-form .call-to-action input {
    display: block;
    zoom: 1;
  }
}
.table.standard-person {
  margin-bottom: 20px;
  background-color: #eee;
}
.table.standard-person .standard-logos {
  vertical-align: bottom;
}
.table.standard-person .standard-logos .standard-logo {
  display: inline;
  padding-left: 3px;
}
.table.standard-person .standard-logos .standard-logo img {
  height: 40px;
}
.container .img-right img {
  float: right;
}
/* Styles which apply to the GZF page but are essentially changes for kompass */
.only_on_index {
  display: none;
}
body.gzf_route_index .only_on_index {
  display: block;
}
.coa,
.federalstate {
  display: block;
  width: 100%;
  background: no-repeat center center;
  background-size: contain;
}
.coa.smaller,
.federalstate.smaller {
  width: 60%;
  margin: 0 auto;
}
.coa:before,
.federalstate:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.coa.baden-wuerttemberg,
.federalstate.baden-wuerttemberg {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_baden-wuerttemberg.svg");
}
.coa.bayern,
.federalstate.bayern {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_bayern.svg");
}
.coa.berlin,
.federalstate.berlin {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_berlin.svg");
}
.coa.brandenburg,
.federalstate.brandenburg {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_brandenburg.svg");
}
.coa.bremen,
.federalstate.bremen {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_bremen.svg");
}
.coa.hamburg,
.federalstate.hamburg {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_hamburg.svg");
}
.coa.hessen,
.federalstate.hessen {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_hessen.svg");
}
.coa.mecklenburg-vorpommern,
.federalstate.mecklenburg-vorpommern {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_mecklenburg-vorpommern.svg");
}
.coa.niedersachsen,
.federalstate.niedersachsen {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_niedersachsen.svg");
}
.coa.nordrhein-westfalen,
.federalstate.nordrhein-westfalen {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_nordrhein-westfalen.svg");
}
.coa.rheinland-pfalz,
.federalstate.rheinland-pfalz {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_rheinland-pfalz.svg");
}
.coa.saarland,
.federalstate.saarland {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_saarland.svg");
}
.coa.sachsen,
.federalstate.sachsen {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_sachsen.svg");
}
.coa.sachsen-anhalt,
.federalstate.sachsen-anhalt {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_sachsen-anhalt.svg");
}
.coa.schleswig-holstein,
.federalstate.schleswig-holstein {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_schleswig-holstein.svg");
}
.coa.thueringen,
.federalstate.thueringen {
  background-image: url("/fileadmin/bsdist/assets/images/coat-of-arms/coa_thueringen.svg");
}
#optinListContainer h2 {
  padding-bottom: 0 ;
}
#optinListContainer h4 {
  font-size: 20px;
  font-weight: bold;
}
#optinListContainer ul li {
  display: inherit;
}
#optinListContainer .optin-list ul ul {
  margin-top: 2em;
}
#optinListContainer .optin-list-group {
  margin-top: 10px;
}
#optinListContainer .optin-list-item h4 {
  font-size: 16px;
}
a.cc-button {
  background-color: #0071a9!important;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 480px) {
  /* Styles */
  .container h1 {
    font-size: 9vw;
    line-height: 11vw;
  }
  .container .product header h3 {
    font-size: 9vw;
  }
  .container section.search > h3:first-child,
  .container section#standards header h1,
  .container #prozess h1 {
    max-width: 100% !important;
  }
  .container .product header {
    min-height: 0;
    padding: 2% !important;
  }
  .container .product header h3 {
    margin: 10px 0;
    padding-right: 25%;
  }
  .nav span {
    display: block;
  }
  h2 {
    font-size: 150%;
    line-height: initial;
    font-weight: bold;
  }
  .circle h1 {
    margin-top: 10px;
    font-size: 20px;
    line-height: initial;
  }
  .scroll div.outer .next,
  .scroll div.outer .prev {
    width: 40px;
  }
  .accordion .acc-li h3,
  .accordion .acc-li h4 {
    font-size: 1em;
  }
  .accordion .acc-li h3::before,
  .accordion .acc-li h4::before {
    line-height: 100%;
    font-size: 200%;
  }
  .accordion .acc-li h3.acc-selected::before,
  .accordion .acc-li h4.acc-selected::before {
    top: -2px;
  }
  .accordion .acc-li p {
    font-size: 1em !important;
  }
  .accordion.accordion-ordered .acc-li > h3,
  .accordion.accordion-ordered .acc-li > h4 {
    padding: 0px 40px 0 30px;
    text-indent: 12px;
  }
  .accordion.accordion-ordered .acc-li > h3:before,
  .accordion.accordion-ordered .acc-li > h4:before {
    right: 10px;
  }
  .container footer nav {
    margin-bottom: 10px;
  }
  .container footer ul .column {
    word-break: break-all;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 20px 10px!important;
  }
  .container footer .engagement,
  .container footer .servicestelle,
  .container footer .bmz,
  .container footer .kompetenz {
    width: 94%;
    float: none;
    margin-left: 2%;
    margin-right: 2%;
    padding: 0;
  }
  .container footer .engagement p,
  .container footer .servicestelle p,
  .container footer .bmz p,
  .container footer .kompetenz p {
    margin: 0;
    padding: 0;
  }
  .container footer .engagement span,
  .container footer .servicestelle span,
  .container footer .bmz span,
  .container footer .kompetenz span {
    background-size: auto auto;
  }
  .container footer .servicestelle p {
    line-height: 1px;
  }
  .container footer .bmz,
  .container footer .kompetenz {
    margin-top: 10px;
  }
  .container footer .bmz span,
  .container footer .kompetenz span {
    background-size: auto 100%;
  }
  .call-to-action ul,
  .call-to-action p {
    text-align: center;
  }
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */
  .container .search h2 {
    font-size: 20px;
  }
  .container .search form {
    position: relative;
  }
  .container .search form input[type=text] {
    min-width: 75%;
    overflow: hidden;
  }
  .circle .wheel-left {
    float: none;
    width: auto;
    display: block;
  }
  .circle .wheel-right {
    float: none;
    width: auto;
    display: block;
  }
  footer ul .column {
    width: 43%!important;
  }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /* Styles */
  footer ul li .column {
    word-break: break-all;
  }
}
/* iPads (landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  /* Styles */
}
@media only screen and (max-width: 1200px) {
  .container .search ul.product-links li {
    font-size: 9px;
  }
}
@media only screen and (max-width: 959px) {
  header h1 {
    position: relative;
    z-index: 1;
  }
  header + .container {
    overflow: hidden;
  }
  .sub-page {
    position: relative;
  }
  .container header.top div.nav {
    margin: 0;
    padding: 0;
  }
  .container header.top div.nav > span {
    background: url(/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_hamburger_grau.svg) center top no-repeat #ffffff;
    display: block;
    position: relative;
    z-index: 1;
    float: right;
    margin: -50px 30px 15px;
    overflow: hidden;
    color: #666666;
    width: 30px;
    padding: 20px 0 0;
    font-size: 10px;
    text-transform: uppercase;
  }
  .container header.top div.nav div.navs {
    background: #666;
    box-shadow: inset 3px 0 10px #5f5f62;
    position: fixed;
    top: -30px;
    right: -200px;
    bottom: -30px;
    width: 200px;
    margin: 0;
    padding: 30px 0;
    overflow-y: auto;
  }
  .container header.top div.nav div.navs nav {
    display: block;
    position: relative;
    float: none;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    height: auto;
    margin: 0 !important;
    border: none !important;
  }
  .container header.top div.nav div.navs nav ul {
    display: block;
    float: none;
    position: relative;
    background: none !important;
    box-shadow: none !important;
  }
  .container header.top div.nav div.navs nav ul li {
    display: block;
    margin: 0;
    padding: 0 15px;
    border: none;
    border-bottom: solid 1px #707070;
    background: none !important;
    text-align: left;
  }
  .container header.top div.nav div.navs nav ul li:first-child {
    display: block;
  }
  .container header.top div.nav div.navs nav ul li:after {
    display: none;
  }
  .container header.top div.nav div.navs nav ul li a,
  .container header.top div.nav div.navs nav ul li a:hover {
    color: #ffffff;
    display: block;
    padding: 10px 0;
    background: none;
  }
  .container header.top div.nav div.navs nav.top-nav {
    border-top: solid 1px #707070;
    margin-top: 30px;
  }
  .container header.top div.nav div.navs nav.top-nav > ul li a {
    font-size: 13px;
    color: #a1a1a1;
  }
  .container header.top div.nav div.navs.active nav {
    display: block;
  }
  .main.product header h2::after {
    max-width: 100px;
  }
  .video-slider div.outer > p {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .video-slider div.outer .next,
  .video-slider div.outer .prev {
    height: 50px;
    display: block;
  }
  .video-slider div.outer .next {
    right: 33px;
  }
  .video-slider div.outer .prev {
    left: 33px;
  }
  .video-slider div.outer .bx-pager {
    display: none;
  }
  .accordion.accordion-blue h3::before,
  .accordion.accordion-blue h3::after {
    display: none;
  }
}
@-moz-document url-prefix() {
  body .call-to-action a {
    padding-bottom: 2px;
  }
}
.container section.main.grundlagenwissen_productcategory header {
  padding: 0 2%;
}
.container section.main.grundlagenwissen_productcategory header h1 {
  padding-top: 35px;
}
.container section.main.grundlagenwissen_productcategory header ul.product-links {
  margin-bottom: 0;
}
.container section.main.grundlagenwissen_productcategory header ul.product-links li {
  margin: 0 0 0 1%;
  width: 19%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 10px;
}
.container section.main.grundlagenwissen_productcategory header ul.product-links li a {
  color: #ffffff;
  display: block;
  width: 100%;
  padding-top: 65px;
  background-position: top center;
  background-repeat: no-repeat;
  text-decoration: none;
  text-transform: uppercase;
}
.container section.main.grundlagenwissen_productcategory header ul.product-links li:first-child {
  margin-left: 0;
}
.container section.main.grundlagenwissen_productcategory header ul.product-links li.selected {
  background-color: #ffffff;
}
.container section.main.grundlagenwissen_productcategory header ul.product-links li.selected a {
  color: #c10c1b;
}
.container section.main.grundlagenwissen_productcategory header ul.product-links li {
  padding: 2.5em 0 0.5em;
  font-size: 10px;
}
.container section.main.grundlagenwissen_productcategory header ul.product-links li:after {
  content: "";
}
.container section.main.grundlagenwissen_productcategory header ul.product-links li a {
  min-height: 2em;
}
.container section.main.grundlagenwissen_productcategory header ul.product-links li a:hover {
  text-decoration: none;
}
.container section.intro span.text-info {
  display: block;
  padding: 1em;
  border: 8px solid #0071A9;
  border-style: none none none solid;
  border-radius: 5px;
  margin: 2em 0;
  background-color: #E6F7FF;
  font-size: 90%;
  line-height: 140%;
}
.container section.intro span.text-info a {
  text-decoration: none;
  border-bottom: 2px dotted rgba(0, 113, 169, 0.58);
}
.container section.hint,
.container section.green.hint {
  background-color: rgba(108, 146, 47, 0.3);
}
.container section.hint p,
.container section.green.hint p {
  margin-bottom: 0;
  font-size: 125%;
  line-height: 160%;
  color: #597727;
}
.container input.tx_GizStd_SearchSimpleField {
  display: inline-block;
  margin-right: 1em;
}
.container select.tx_GizStd_SearchSimpleField {
  display: inline-block;
  margin-right: 1em;
}
.container .tx_GizStd_List .tx_GizStd_Collapsed {
  height: 85px;
}
.container .tx_GizStd_List h2.tx_GizStd_StandardName {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}
#tx_GizStd_ViewDetail .tx_GizStd_Criteria div.tx_GizStd_CriteriaWeightbar {
  width: 70%;
  width: calc(100% - 130px);
}
#tx_GizStd_ViewDetail .tx_GizStd_Criteria div.tx_GizStd_CriteriaWeightcount {
  width: 20%;
  width: calc(90px);
  margin: 0;
}
.container section.news-items a {
  color: #ffffff;
}
.container section.news-items .results-and-pagination nav ul li.prev {
  left: 2%;
}
.container section.news-items .results-and-pagination nav ul li.prev a::before,
.container section.news-items .results-and-pagination nav ul li.prev span::before {
  content: "<";
  display: inline-block;
  width: 1em;
  color: transparent;
  margin: 0 5px 0 0;
}
.container section.news-items .results-and-pagination nav ul li.prev a::before {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_zurueck.svg") center center no-repeat;
}
.container section.news-items .results-and-pagination nav ul li.prev span::before {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_zurueck.svg") center center no-repeat;
}
.container section.news-items .results-and-pagination nav ul li.next {
  right: 2%;
}
.container section.news-items .results-and-pagination nav ul li.next a::after,
.container section.news-items .results-and-pagination nav ul li.next span::after {
  content: ">";
  display: inline-block;
  width: 1em;
  color: transparent;
  margin: 0 0 0 5px;
}
.container section.news-items .results-and-pagination nav ul li.next a::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_vor.svg") center center no-repeat;
}
.container section.news-items .results-and-pagination nav ul li.next span::after {
  background: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/icon_pfeil_vor.svg") center center no-repeat;
}
.container .map-app {
  padding-top: 0;
}
.container .kk-bula-categories ul {
  width: 100%;
}
.container .kk-bula-categories li.kk-prodcat {
  padding-left: 80px;
  padding-top: 18px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
  min-height: 30px;
  font-size: 20px;
  font-weight: bold;
  float: left;
  clear: both;
}
.container .kk-bula-categories li.kk-prodcat.baustoffe {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/baustoffe.svg");
}
.container .kk-bula-categories li.kk-prodcat.bekleidungtextilien {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/bekleidung.svg");
}
.container .kk-bula-categories li.kk-prodcat.brobedarf {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/buerobedarf.svg");
}
.container .kk-bula-categories li.kk-prodcat.computer {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/computer.svg");
}
.container .kk-bula-categories li.kk-prodcat.holzholzprodukte {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/holz.svg");
}
.container .kk-bula-categories li.kk-prodcat.lebensmittel {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/lebensmittel.svg");
}
.container .kk-bula-categories li.kk-prodcat.lederlederprodukte {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/leder.svg");
}
.container .kk-bula-categories li.kk-prodcat.mobilitt {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/mobilitaet.svg");
}
.container .kk-bula-categories li.kk-prodcat.papier {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/papier.svg");
}
.container .kk-bula-categories li.kk-prodcat.prsente {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/praesente.svg");
}
.container .kk-bula-categories li.kk-prodcat.reinigunghygiene {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/reinigung.svg");
}
.container .kk-bula-categories li.kk-prodcat.spielwaren {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/spielwaren.svg");
}
.container .kk-bula-categories li.kk-prodcat.technikitauercomputer {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/technik.svg");
}
.container .kk-bula-categories li.kk-prodcat.werkzeugegerte {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/werkzeug.svg");
}
.container .kk-bula-categories li.kk-prodcat.sportgerteund-ausrstungen {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/sportgeraete.svg");
}
.container .kk-bula-categories li.kk-prodcat.sportgerate,
.container .kk-bula-categories li.kk-prodcat.sportgerte {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/sportgeraete.svg");
}
.container .kk-bula-categories li.kk-prodcat.wasch-undreinigungsmittel,
.container .kk-bula-categories li.kk-prodcat.wasch-reinigungsmittel {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/reinigungsmittel.svg");
}
.container .kk-bula-categories li.kk-prodcat.verschiedenes {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/verschiedenes.svg");
}
.container .kk-bula-categories li.kk-prodcat ul {
  list-style: none;
  margin-left: 0;
}
.container .kk-bula-categories li.kk-prodcat ul li {
  float: left;
  margin-top: 10px;
  padding-left: 0;
  padding-right: 10px;
  display: list-item;
  font-weight: normal;
  font-size: 16px;
}
#kkk_productfilter .pg-filter {
  background-repeat: no-repeat;
}
#kkk_productfilter .pg-filter.baustoffe {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/baustoffe.svg");
}
#kkk_productfilter .pg-filter.bekleidungtextilien {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/bekleidung.svg");
}
#kkk_productfilter .pg-filter.computer {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/computer.svg");
}
#kkk_productfilter .pg-filter.holzholzprodukte {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/holz.svg");
}
#kkk_productfilter .pg-filter.holz {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/holz.svg");
}
#kkk_productfilter .pg-filter.lebensmittel {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/lebensmittel.svg");
}
#kkk_productfilter .pg-filter.lederlederprodukte {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/leder.svg");
}
#kkk_productfilter .pg-filter.mobilitt {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/mobilitaet.svg");
}
#kkk_productfilter .pg-filter.papier {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/papier.svg");
}
#kkk_productfilter .pg-filter.prsente {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/praesente.svg");
}
#kkk_productfilter .pg-filter.reinigunghygiene {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/reinigung.svg");
}
#kkk_productfilter .pg-filter.spielwaren {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/spielwaren.svg");
}
#kkk_productfilter .pg-filter.technikitauercomputer {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/technik.svg");
}
#kkk_productfilter .pg-filter.werkzeugegerte {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/werkzeug.svg");
}
#kkk_productfilter .pg-filter.sportgerteund-ausrstungen {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/sportgeraete.svg");
}
#kkk_productfilter .pg-filter.sportgerate,
#kkk_productfilter .pg-filter.sportgerte {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/sportgeraete.svg");
}
#kkk_productfilter .pg-filter.wasch-undreinigungsmittel,
#kkk_productfilter .pg-filter.wasch-reinigungsmittel {
  background-image: url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/reinigungsmittel.svg");
}
@media only screen and (max-width: 959px) {
  .container #kommunaler .tablet-no-full-width {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .container #kommunaler .tablet-no-full-width {
    width: auto;
  }
}
.container #kommunaler .subscribe-nl {
  overflow: hidden;
}
.container #kommunaler .half.half-right {
  padding-top: 0;
}
.container #kommunaler .search {
  margin-bottom: 3%;
}
.container #kommunaler .colored-boxes .half-right {
  margin-right: 0;
}
.container #kommunaler .kkompass {
  position: relative;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .container #kommunaler .kkompass {
    width: auto;
  }
}
.container #kommunaler .kkompass .call-to-action {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 10%;
}
.container #kommunaler .kkompass .call-to-action a {
  background-color: #c10c1b;
}
.container #kommunaler .kkompass .call-to-action a h1,
.container #kommunaler .kkompass .call-to-action a h2,
.container #kommunaler .kkompass .call-to-action a h3,
.container #kommunaler .kkompass .call-to-action a h4,
.container #kommunaler .kkompass .call-to-action a h5,
.container #kommunaler .kkompass .call-to-action a p,
.container #kommunaler .kkompass .call-to-action a strong,
.container #kommunaler .kkompass .call-to-action a a,
.container #kommunaler .kkompass .call-to-action a ul {
  color: #ffffff;
}
.container #kommunaler .kkompass .image {
  text-align: center;
}
.container #kommunaler .kkompass .image img {
  width: 335px;
  height: auto;
}
#okquiz ul li,
.tx-okquiz ul li {
  position: relative;
  display: block;
  margin-bottom: 0.5em;
  padding-left: 2em;
  color: white;
}
#okquiz ul li input,
.tx-okquiz ul li input {
  position: absolute;
  margin-left: -2em;
}
#okquiz ul li label,
.tx-okquiz ul li label {
  display: inline;
}
.news-items.slick-slider .slick-dots {
  position: absolute;
  bottom: 0.5em;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.news-items.slick-slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.news-items.slick-slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: #BFAFB2;
  border: 0;
  outline: none;
  background: transparent;
}
.news-items.slick-slider .slick-dots li button:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.news-items.slick-slider .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
.news-items.slick-slider .nextArrowBtn {
  position: absolute;
  z-index: 1000;
  top: 50%;
  right: 0;
  color: #BFAFB2;
}
.news-items.slick-slider .prevArrowBtn {
  position: absolute;
  z-index: 1000;
  top: 50%;
  left: 0;
  color: #BFAFB2;
}
.container .tx-pxa-survey form {
  margin-bottom: 0;
}
.tx-pxa-survey label {
  color: white;
}
.tx-pxa-survey .poll-row {
  display: flex;
}
.tx-pxa-survey div.poll-column:nth-of-type(1) {
  flex: 1;
}
.tx-pxa-survey div.poll-column:nth-of-type(2) {
  flex: 0.5;
}
.tx-pxa-survey div.poll-column.left {
  padding-right: 4%;
}
.tx-pxa-survey .poll-question p {
  font-size: 17px;
  font-weight: bolder ;
}
.tx-pxa-survey .radio {
  margin-bottom: 0.5em;
}
.tx-pxa-survey .radio label {
  font-size: 17px;
  line-height: 25px;
  font-weight: normal;
}
.tx-pxa-survey .container section.blue .call-to-action a {
  color: #0071a9;
}
/* MIXINS */
body {
  max-width: 1300px;
  margin: 0 auto;
  padding: 2% 0 0 0;
}
body.lang-en .container section.hide-for-en,
body.lang-en .container .main .hide-for-en,
body.lang-en .container nav ul .hide-for-en {
  display: none;
}
body.lang-de .container section.hide-for-de,
body.lang-de .container .main .hide-for-de,
body.lang-de .container nav ul .hide-for-de {
  display: none;
}
/* SECTION BLOCKS */
.container section {
  margin: 0;
  padding: 3% 2% 2%;
}
.container section.main {
  margin: 0;
  padding: 0;
  width: auto;
}
.container section.main header {
  padding: 0 2%;
  margin: 0 2%;
  min-height: 220px;
}
@media only screen and (max-width: 959px) {
  .container section.main header {
    min-height: 180px;
  }
}
.container section#prozess header {
  background-color: #666;
}
.container section#prozess header h1,
.container section#prozess header h2,
.container section#prozess header h3,
.container section#prozess header h4,
.container section#prozess header h5,
.container section#prozess header p,
.container section#prozess header strong,
.container section#prozess header a,
.container section#prozess header ul {
  color: #ffffff;
}
.container section.prozess {
  background: #0071a9 url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/hg_box_prozess.svg") center right no-repeat;
}
.container section.prozess > div {
  padding-right: 50%;
}
.container section.standards {
  background: #6d912f url("/typo3conf/ext/kompass_website/Resources/Public/bsdist/assets/images/hg_box_standards.svg") 20px center no-repeat;
}
.container section.standards > div {
  padding-left: 50%;
}
@media only screen and (max-width: 767px) {
  .container section.prozess,
  .container section.standards {
    background-image: none;
  }
  .container section.prozess div,
  .container section.standards div {
    padding-right: 0;
    padding-left: 0;
  }
}
.colorbox {
  margin: 0 0 2% 0;
  padding: 6% 4% 6%;
  height: 100%;
}
.colorbox p {
  margin: 0.75em 0;
  font-size: 16px;
  line-height: 22px!important;
}
section.red,
.colorbox.red {
  background-color: #c10c1b;
}
section.red h1,
.colorbox.red h1,
section.red h2,
.colorbox.red h2,
section.red h3,
.colorbox.red h3,
section.red h4,
.colorbox.red h4,
section.red h5,
.colorbox.red h5,
section.red p,
.colorbox.red p,
section.red strong,
.colorbox.red strong,
section.red a,
.colorbox.red a,
section.red ul,
.colorbox.red ul {
  color: #ffffff;
}
section.red.call-to-action a,
.colorbox.red.call-to-action a {
  color: #c10c1b;
}
section.grey,
.colorbox.grey {
  background-color: #666666;
}
section.grey h1,
.colorbox.grey h1,
section.grey h2,
.colorbox.grey h2,
section.grey h3,
.colorbox.grey h3,
section.grey h4,
.colorbox.grey h4,
section.grey h5,
.colorbox.grey h5,
section.grey p,
.colorbox.grey p,
section.grey strong,
.colorbox.grey strong,
section.grey a,
.colorbox.grey a,
section.grey ul,
.colorbox.grey ul {
  color: #ffffff;
}
section.grey.call-to-action a,
.colorbox.grey.call-to-action a {
  background: #ffffff;
  color: #666666;
}
section.blue,
.colorbox.blue {
  background-color: #0071a9;
}
section.blue h1,
.colorbox.blue h1,
section.blue h2,
.colorbox.blue h2,
section.blue h3,
.colorbox.blue h3,
section.blue h4,
.colorbox.blue h4,
section.blue h5,
.colorbox.blue h5,
section.blue p,
.colorbox.blue p,
section.blue strong,
.colorbox.blue strong,
section.blue a,
.colorbox.blue a,
section.blue ul,
.colorbox.blue ul {
  color: #ffffff;
}
section.blue.call-to-action a,
.colorbox.blue.call-to-action a {
  color: #0071a9;
}
section.green,
.colorbox.green {
  background-color: #6c922f;
}
section.green h1,
.colorbox.green h1,
section.green h2,
.colorbox.green h2,
section.green h3,
.colorbox.green h3,
section.green h4,
.colorbox.green h4,
section.green h5,
.colorbox.green h5,
section.green p,
.colorbox.green p,
section.green strong,
.colorbox.green strong,
section.green a,
.colorbox.green a,
section.green ul,
.colorbox.green ul {
  color: #ffffff;
}
section.green.call-to-action a,
.colorbox.green.call-to-action a {
  color: #6c922f;
}
section.yellow,
.colorbox.yellow {
  background-color: #f3a800;
}
section.yellow h1,
.colorbox.yellow h1,
section.yellow h2,
.colorbox.yellow h2,
section.yellow h3,
.colorbox.yellow h3,
section.yellow h4,
.colorbox.yellow h4,
section.yellow h5,
.colorbox.yellow h5,
section.yellow p,
.colorbox.yellow p,
section.yellow strong,
.colorbox.yellow strong,
section.yellow a,
.colorbox.yellow a,
section.yellow ul,
.colorbox.yellow ul {
  color: #ffffff;
}
section.yellow.call-to-action a,
.colorbox.yellow.call-to-action a {
  color: #f3a800;
}
.container section.main header {
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}