#header {
  background-color: #24476B;
  height: 100px;
  color: #fff;
}
#header.bg-menu1 {
  background-color: #172D45;
}
#header.bg-menu2 {
  background-color: #1E3A58;
}
#header.bg-menu3 {
  background-color: #2E5475;
}
#header.bg-menu4 {
  background-color: #4E7A9E;
}
#header.bg-menu5 {
  background-color: #7FA4BF;
}
#header.bg-menu6 {
  background-color: #ADC6D9;
}
#header .col-aside {
  background-color: #fff;
}
#header .col-content {
  padding-left: 15px;
  color: #fff;
  position: relative;
  display: table;
  height: 100px;
}
#header .brand {
  height: 100px;
  width: 100%;
  text-align: center;
  display: inline-block;
  padding: 10px;
}
#header .brand img {
  height: 100%;
}
#header h1 {
  font-size: 22px;
  margin: 0;
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
}
#header ul.language-switch {
  position: absolute;
  right: 15px;
  top: 5px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#header ul.language-switch li a img {
  width: 25px;
}
#header ul#top-nav {
  list-style: none;
  float: right;
  padding: 35px 0 5px;
  margin: 0;
}
#header ul#top-nav li {
  font-size: 0.8em;
  line-height: 1.4em;
  text-align: right;
}
#header ul#top-nav li a {
  color: #fff;
}
#header ul#top-nav {
  /* Medium devices (desktops, < 1200px) */
}
#header ul#top-nav {
  /* Small devices (tablets, < 992px) */
}
#header ul#top-nav {
  /* Small devices (phones, < 768px) */
}
#header nav#mobile-nav {
  background-color: #24476B;
  border-color: #fff;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  color: #fff;
}
#header nav#mobile-nav .navbar-header .navbar-brand {
  background-color: #fff;
  padding: 10px 15px;
  height: 51px;
}
#header nav#mobile-nav .navbar-header .navbar-brand .brand {
  width: auto;
  height: 100%;
  padding: 0;
}
#header nav#mobile-nav .navbar-header h1 {
  display: inline-block;
  line-height: 51px;
  vertical-align: middle;
  margin-left: 4px;
  max-width: 25%;
  white-space: nowrap;
}
#header nav#mobile-nav .navbar-header .navbar-toggle {
  border: 0;
  border-radius: 0;
  font-size: 1.7em;
  padding: 6px;
  background-color: #24476B;
}
#header nav#mobile-nav .navbar-header .navbar-toggle:hover, #header nav#mobile-nav .navbar-header .navbar-toggle:focus {
  background-color: #24476B;
}
#header nav#mobile-nav .navbar-header .navbar-toggle[aria-expanded=true] .fa-bars {
  display: none;
}
#header nav#mobile-nav .navbar-header .navbar-toggle[aria-expanded=false] .fa-times {
  display: none;
}
#header nav#mobile-nav ul.navbar-nav li a {
  color: #fff;
}
#header nav#mobile-nav ul.navbar-nav li.dropdown.open > a {
  background-color: #1E3A58;
}
#header nav#mobile-nav ul.navbar-nav li ul.language-switch {
  position: initial;
  list-style: none;
  padding: 0px 15px 10px;
  width: 100%;
  border-bottom: 1px solid #fff;
}
#header nav#mobile-nav ul.navbar-nav li ul.language-switch li {
  display: flex;
  vertical-align: middle;
  justify-content: space-around;
  -ms-flex-pack: distribute;
}
#header nav#mobile-nav ul.navbar-nav li ul.language-switch li a img {
  width: 25px;
}
#header {
  /* Medium devices (desktops, < 1200px) */
}
#header {
  /* Small devices (tablets, < 992px) */
}
@media (max-width: 991px) {
  #header h1 {
    font-size: 1.3em;
  }
}
#header {
  /* Small devices (phones, < 768px) */
}
@media (max-width: 767px) {
  #header {
    height: auto;
  }
}

#left-navigation {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
#left-navigation > li {
  position: relative;
  border-bottom: 3px solid #24476B;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 5px 60px 5px 5px;
  min-height: 92.4px;
}
#left-navigation > li:after {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  background: #24476B;
  content: "";
}
#left-navigation > li:nth-of-type(1) {
  border-color: #172D45;
}
#left-navigation > li:nth-of-type(1):after {
  background-color: #172D45;
}
#left-navigation > li:nth-of-type(2) {
  border-color: #1E3A58;
}
#left-navigation > li:nth-of-type(2):after {
  background-color: #1E3A58;
}
#left-navigation > li:nth-of-type(3) {
  border-color: #2E5475;
}
#left-navigation > li:nth-of-type(3):after {
  background-color: #2E5475;
}
#left-navigation > li:nth-of-type(4) {
  border-color: #4E7A9E;
}
#left-navigation > li:nth-of-type(4):after {
  background-color: #4E7A9E;
}
#left-navigation > li:nth-of-type(5) {
  border-color: #7FA4BF;
}
#left-navigation > li:nth-of-type(5):after {
  background-color: #7FA4BF;
}
#left-navigation > li:nth-of-type(6) {
  border-color: #ADC6D9;
}
#left-navigation > li:nth-of-type(6):after {
  background-color: #ADC6D9;
}
#left-navigation > li > a {
  text-decoration: none;
}
#left-navigation > li > a.hasCollapse small {
  display: none;
}
#left-navigation > li > a.hasCollapse.collapsed small {
  display: block;
}
#left-navigation > li strong {
  display: block;
  color: #24476B;
  font-size: 1.1em;
}
#left-navigation > li small {
  display: block;
  color: rgb(85.425, 85.425, 85.425);
}
#left-navigation > li img.icon {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 1;
  width: 32px;
}
#left-navigation > li ul {
  list-style: none;
  margin: 5px 0 19px;
  padding-left: 0;
}
#left-navigation > li ul > li {
  border-bottom: 1px solid rgb(119.085, 119.085, 119.085);
  padding: 4px 10px;
  transition: all 0.5s linear 0s;
  font-size: 0.9em;
}
#left-navigation > li ul > li.active, #left-navigation > li ul > li:hover, #left-navigation > li ul > li:focus {
  border-color: #24476B;
}
#left-navigation > li ul > li.active a, #left-navigation > li ul > li:hover a, #left-navigation > li ul > li:focus a {
  color: #24476B;
}
#left-navigation > li ul > li.active {
  font-weight: 600;
}
#left-navigation > li ul > li a {
  text-decoration: none;
  color: rgb(85.425, 85.425, 85.425);
  display: block;
}
#left-navigation {
  /* Large devices (desktops, < 1200px) */
}
@media (max-width: 1199px) {
  #left-navigation > li {
    min-height: 93.4px;
  }
  #left-navigation > li ul {
    margin: 5px 0 21px;
  }
  #left-navigation > li ul li {
    font-size: 0.9em;
  }
}
#left-navigation {
  /* Medium devices (tablets, < 992px) */
}
@media (max-width: 991px) {
  #left-navigation > li {
    min-height: 107.4px;
    padding-right: 50px;
  }
  #left-navigation > li:after {
    width: 40px;
  }
  #left-navigation > li img.icon {
    right: 7px;
    bottom: 7px;
    width: 26px;
  }
  #left-navigation > li ul {
    margin: 5px 0 46px;
  }
  #left-navigation > li ul li {
    font-size: 0.95em;
  }
}
#left-navigation {
  /* Small devices (phones, < 768px) */
}
#footer {
  position: absolute;
  bottom: 0;
  height: 60px;
  width: 100%;
  background: #24476B;
  color: #fff;
}
#footer.bg-menu1 {
  background-color: #172D45;
}
#footer.bg-menu1 .footer-wrapper {
  background-color: #172D45;
}
#footer.bg-menu2 {
  background-color: #1E3A58;
}
#footer.bg-menu2 .footer-wrapper {
  background-color: #1E3A58;
}
#footer.bg-menu3 {
  background-color: #2E5475;
}
#footer.bg-menu3 .footer-wrapper {
  background-color: #2E5475;
}
#footer.bg-menu4 {
  background-color: #4E7A9E;
}
#footer.bg-menu4 .footer-wrapper {
  background-color: #4E7A9E;
}
#footer.bg-menu5 {
  background-color: #7FA4BF;
}
#footer.bg-menu5 .footer-wrapper {
  background-color: #7FA4BF;
}
#footer.bg-menu6 {
  background-color: #ADC6D9;
}
#footer.bg-menu6 .footer-wrapper {
  background-color: #ADC6D9;
}
#footer .footer-wrapper {
  width: 100%;
  background: #24476B;
}
#footer h3 {
  margin: 20px 0;
}
#footer ul {
  list-style: none;
  padding-left: 18px;
}
#footer ul li {
  color: #fff;
}
#footer ul li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f101";
  margin: 0 5px 0 -15px;
  color: #fff;
}
#footer a {
  color: #fff;
}
#footer strong {
  display: block;
}

#home {
  margin: 0 -15px;
}
#home > .row {
  margin: -5px -5px 0;
}
#home .kachel-col {
  padding: 0;
}
#home .kachel-col .row {
  margin: 0;
}
#home .kachel {
  position: relative;
  padding-top: 100%;
}
#home .kachel.half-height {
  padding-top: 50%;
}
#home .kachel .kachel-inner {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background-color: #24476B;
  color: #fff;
  padding: 15px;
  font-size: 20px;
  font-weight: 600;
}
#home .kachel .kachel-inner.with-bg-img {
  background: transparent no-repeat scroll center top;
  background-size: cover;
}
#home .kachel .kachel-inner.only-text span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#home .kachel .kachel-inner h2.headline {
  position: absolute;
  left: 0;
  bottom: 10%;
  max-width: 70%;
  padding: 10px;
  background-color: #24476B;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
#home {
  /* Medium devices (desktops, < 1200px) */
}
#home {
  /* Small devices (tablets, < 992px) */
}
@media (max-width: 991px) {
  #home .kachel .kachel-inner {
    padding: 10px;
    font-size: 16px;
  }
  #home .kachel .kachel-inner h2.headline {
    font-size: 16px;
    word-break: break-word;
  }
}
#home {
  /* Small devices (phones, < 768px) */
}
#aktuelles img {
  max-width: 100%;
}
#aktuelles {
  /* Medium devices (desktops, < 1200px) */
}
#aktuelles {
  /* Small devices (tablets, < 992px) */
}
#aktuelles {
  /* Small devices (phones, < 768px) */
}
#ihre-ktg .img-wrapper {
  position: relative;
}
#ihre-ktg .img-wrapper img.main {
  width: 90%;
  margin-left: 10%;
}
#ihre-ktg .img-wrapper img.small {
  position: absolute;
  width: 50%;
  border: 5px solid white;
  bottom: -50px;
  left: 0;
}
#ihre-ktg {
  /* Medium devices (desktops, < 1200px) */
}
#ihre-ktg {
  /* Small devices (tablets, < 992px) */
}
@media (max-width: 991px) {
  #ihre-ktg .img-wrapper {
    margin-bottom: 60px;
  }
}
#ihre-ktg {
  /* Small devices (phones, < 768px) */
}
#qualitaet .img-wrapper {
  position: relative;
}
#qualitaet .img-wrapper img.main {
  width: 90%;
}
#qualitaet .img-wrapper img.small {
  right: 0;
  position: absolute;
  width: 50%;
  border: 5px solid white;
  bottom: -50px;
}
#qualitaet {
  /* Medium devices (desktops, < 1200px) */
}
#qualitaet {
  /* Small devices (tablets, < 992px) */
}
@media (max-width: 991px) {
  #qualitaet .img-wrapper {
    margin-bottom: 60px;
  }
}
#qualitaet {
  /* Small devices (phones, < 768px) */
}
#kreislaufsystem img {
  width: 100%;
  padding: 20px 10%;
}
#kreislaufsystem .wrapper-vorteile {
  max-width: 75%;
  padding: 15px;
  margin: 0 auto;
  background-color: #4E7A9E;
  color: #fff;
  word-break: break-word;
}
#kreislaufsystem .wrapper-vorteile h3 {
  margin-top: 0;
}
#kreislaufsystem .wrapper-vorteile > .row {
  padding: 3px 0;
}
#kreislaufsystem .wrapper-vorteile small {
  font-size: 0.7em;
}
#kreislaufsystem .wrapper-vorteile .aufzaehlung {
  position: relative;
  padding-left: 37px;
}
#kreislaufsystem .wrapper-vorteile .aufzaehlung > i.fa.fa-check {
  position: absolute;
  left: 15px;
  top: 4px;
}
#kreislaufsystem {
  /* Medium devices (desktops, < 1200px) */
}
#kreislaufsystem {
  /* Small devices (tablets, < 992px) */
}
#kreislaufsystem {
  /* Small devices (phones, < 768px) */
}
@media (max-width: 767px) {
  #kreislaufsystem .wrapper-leistungen {
    max-width: none;
  }
  #kreislaufsystem .wrapper-leistungen > .row {
    padding: 0;
  }
}

#logistikmitsystem {
  position: relative;
}
#logistikmitsystem img {
  position: absolute;
  top: 180px;
  right: 0;
  z-index: -1;
}
#logistikmitsystem .info-wrapper {
  margin-top: 480px;
  padding-bottom: 50px;
  padding-left: 20px;
  padding-top: 40px;
  overflow: hidden;
}
#logistikmitsystem .info-wrapper .box {
  position: relative;
  background-color: #1E3A58;
  padding: 15px;
  color: #fff;
  margin-bottom: 10px;
}
#logistikmitsystem .info-wrapper .box .line {
  position: relative;
  padding-left: 50px;
}
#logistikmitsystem .info-wrapper .box .line h3 {
  margin: 0;
  color: #ADC6D9;
}
#logistikmitsystem .info-wrapper .box .line h3 a {
  color: #ADC6D9;
  word-wrap: break-word;
  text-decoration: underline;
}
#logistikmitsystem .info-wrapper .box .line .icon {
  position: absolute;
  left: 0;
  font-size: 2em;
}
#logistikmitsystem .info-wrapper .box .line a {
  color: #fff;
  word-wrap: break-word;
  text-decoration: underline;
}
#logistikmitsystem .info-wrapper .box > img.app {
  position: absolute;
  top: -35px;
  left: -35px;
  z-index: 1;
}
#logistikmitsystem .info-wrapper .box > img.anhang {
  position: absolute;
  width: 200px;
  border: 5px solid #fff;
  top: 100px;
  z-index: 1;
  right: -150px;
}
#logistikmitsystem {
  /* Medium devices (desktops, < 1200px) */
}
@media (max-width: 1199px) {
  #logistikmitsystem img {
    max-width: 100%;
  }
}
#logistikmitsystem {
  /* Small devices (tablets, < 992px) */
}
@media (max-width: 991px) {
  #logistikmitsystem img {
    position: initial;
    top: unset;
    right: unset;
    max-width: 100%;
  }
  #logistikmitsystem .info-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-top: 70px;
  }
  #logistikmitsystem .info-wrapper .box:last-of-type .line {
    padding: 0;
  }
}
#logistikmitsystem {
  /* Small devices (phones, < 768px) */
}
@media (max-width: 767px) {
  #logistikmitsystem img {
    position: initial;
    top: unset;
    right: unset;
    max-width: 100%;
  }
  #logistikmitsystem .info-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-top: 70px;
  }
  #logistikmitsystem .info-wrapper .box:last-of-type .line {
    padding: 0;
  }
}

#spulenfertigung .img-wrapper {
  position: relative;
}
#spulenfertigung .img-wrapper img.main {
  width: 90%;
  margin-left: 10%;
}
#spulenfertigung .img-wrapper img.small {
  position: absolute;
  width: 50%;
  border: 5px solid white;
  bottom: -50px;
}
#spulenfertigung {
  /* Medium devices (desktops, < 1200px) */
}
#spulenfertigung {
  /* Small devices (tablets, < 992px) */
}
@media (max-width: 991px) {
  #spulenfertigung .img-wrapper {
    margin-bottom: 60px;
  }
}
#spulenfertigung {
  /* Small devices (phones, < 768px) */
}
#vorort img {
  float: right;
  max-width: 100%;
}
#vorort .wrapper-leistungen {
  max-width: 75%;
  padding: 15px;
  margin: 0 auto;
  background-color: #24476B;
  color: #fff;
  word-break: break-word;
}
#vorort .wrapper-leistungen h3 {
  margin-top: 0;
}
#vorort .wrapper-leistungen > .row {
  padding: 3px 0;
}
#vorort .wrapper-leistungen .aufzaehlung {
  position: relative;
  padding-left: 37px;
}
#vorort .wrapper-leistungen .aufzaehlung > i.fa.fa-check {
  position: absolute;
  left: 15px;
  top: 4px;
}
#vorort {
  /* Medium devices (desktops, < 1200px) */
}
#vorort {
  /* Small devices (tablets, < 992px) */
}
#vorort {
  /* Small devices (phones, < 768px) */
}
@media (max-width: 767px) {
  #vorort img {
    float: unset;
  }
  #vorort .wrapper-leistungen {
    max-width: none;
  }
  #vorort .wrapper-leistungen > .row {
    padding: 0;
  }
}

#kontakt img {
  max-width: 100%;
}
#kontakt .break-pre-line {
  margin-top: -18px;
}
#kontakt {
  /* Medium devices (desktops, < 1200px) */
}
#kontakt {
  /* Small devices (tablets, < 992px) */
}
#kontakt {
  /* Small devices (phones, < 768px) */
}
#ansprechpartner h3 {
  margin-bottom: -10px;
}
#ansprechpartner .funktion {
  padding-left: 10px;
}
#ansprechpartner .funktion h4 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
}
#ansprechpartner .funktion span {
  display: block;
}
#ansprechpartner {
  /* Medium devices (desktops, < 1200px) */
}
#ansprechpartner {
  /* Small devices (tablets, < 992px) */
}
#ansprechpartner {
  /* Small devices (phones, < 768px) */
}
#downloads h3 {
  word-wrap: break-word;
}
#downloads .file-item {
  padding-left: 25px;
}
#downloads {
  /* Medium devices (desktops, < 1200px) */
}
#downloads {
  /* Small devices (tablets, < 992px) */
}
#downloads {
  /* Small devices (phones, < 768px) */
}
#holzspule-mehrweg .img-wrapper {
  position: relative;
}
#holzspule-mehrweg .img-wrapper img.main {
  width: 90%;
  margin-right: 10%;
}
#holzspule-mehrweg .img-wrapper img.small {
  position: absolute;
  width: 50%;
  border: 5px solid white;
  bottom: -50px;
  right: 0;
}
#holzspule-mehrweg h4 {
  margin-top: 70px;
  color: #24476B;
}
#holzspule-mehrweg table.table-striped.table-bordered {
  border: none;
}
#holzspule-mehrweg table.table-striped.table-bordered > thead > tr > th {
  text-align: center;
  color: #24476B;
  vertical-align: top;
  font-size: 0.9em;
  line-height: 1.2em;
  background-color: #b8bac8;
  border: 2px solid #b8bac8;
}
#holzspule-mehrweg table.table-striped.table-bordered > tbody > tr:nth-of-type(even) {
  background-color: #b8bac8;
}
#holzspule-mehrweg table.table-striped.table-bordered > tbody > tr:nth-of-type(odd) {
  background-color: #8890aa;
}
#holzspule-mehrweg table.table-striped.table-bordered > tbody > tr > td {
  text-align: center;
  color: #24476B;
  font-size: 0.9em;
  line-height: 1.2em;
  border: 2px solid #fff;
}
#holzspule-mehrweg {
  /* Medium devices (desktops, < 1200px) */
}
#holzspule-mehrweg {
  /* Small devices (tablets, < 992px) */
}
@media (max-width: 991px) {
  #holzspule-mehrweg .img-wrapper {
    margin-bottom: 60px;
  }
}
#holzspule-mehrweg {
  /* Small devices (phones, < 768px) */
}
@media (max-width: 767px) {
  #holzspule-mehrweg h2 small {
    display: block;
    line-height: 1.8em;
  }
}

#holzspule-eisenbereift-mehrweg .img-wrapper {
  position: relative;
}
#holzspule-eisenbereift-mehrweg .img-wrapper img.main {
  width: 90%;
  margin-right: 10%;
}
#holzspule-eisenbereift-mehrweg .img-wrapper img.small {
  position: absolute;
  width: 50%;
  border: 5px solid white;
  bottom: -50px;
  right: 0;
}
#holzspule-eisenbereift-mehrweg h4 {
  margin-top: 70px;
  color: #24476B;
}
#holzspule-eisenbereift-mehrweg table.table-striped.table-bordered {
  border: none;
}
#holzspule-eisenbereift-mehrweg table.table-striped.table-bordered > thead > tr > th {
  text-align: center;
  color: #24476B;
  vertical-align: top;
  font-size: 0.9em;
  line-height: 1.2em;
  background-color: #b8bac8;
  border: 2px solid #b8bac8;
}
#holzspule-eisenbereift-mehrweg table.table-striped.table-bordered > tbody > tr:nth-of-type(even) {
  background-color: #b8bac8;
}
#holzspule-eisenbereift-mehrweg table.table-striped.table-bordered > tbody > tr:nth-of-type(odd) {
  background-color: #8890aa;
}
#holzspule-eisenbereift-mehrweg table.table-striped.table-bordered > tbody > tr > td {
  text-align: center;
  color: #24476B;
  font-size: 0.9em;
  line-height: 1.2em;
  border: 2px solid #fff;
}
#holzspule-eisenbereift-mehrweg {
  /* Medium devices (desktops, < 1200px) */
}
#holzspule-eisenbereift-mehrweg {
  /* Small devices (tablets, < 992px) */
}
@media (max-width: 991px) {
  #holzspule-eisenbereift-mehrweg .img-wrapper {
    margin-bottom: 60px;
  }
}
#holzspule-eisenbereift-mehrweg {
  /* Small devices (phones, < 768px) */
}
@media (max-width: 767px) {
  #holzspule-eisenbereift-mehrweg h2 small {
    display: block;
    line-height: 1.8em;
  }
}

#kunststoffspule-mehrweg .img-wrapper {
  position: relative;
}
#kunststoffspule-mehrweg .img-wrapper img.main {
  width: 90%;
  margin-right: 10%;
}
#kunststoffspule-mehrweg .img-wrapper img.small {
  position: absolute;
  width: 50%;
  border: 5px solid white;
  bottom: -50px;
  right: 0;
}
#kunststoffspule-mehrweg h4 {
  margin-top: 70px;
  color: #24476B;
}
#kunststoffspule-mehrweg table.table-striped.table-bordered {
  border: none;
}
#kunststoffspule-mehrweg table.table-striped.table-bordered > thead > tr > th {
  text-align: center;
  color: #24476B;
  vertical-align: top;
  font-size: 0.9em;
  line-height: 1.2em;
  background-color: #b8bac8;
  border: 2px solid #b8bac8;
}
#kunststoffspule-mehrweg table.table-striped.table-bordered > tbody > tr:nth-of-type(even) {
  background-color: #b8bac8;
}
#kunststoffspule-mehrweg table.table-striped.table-bordered > tbody > tr:nth-of-type(odd) {
  background-color: #8890aa;
}
#kunststoffspule-mehrweg table.table-striped.table-bordered > tbody > tr > td {
  text-align: center;
  color: #24476B;
  font-size: 0.9em;
  line-height: 1.2em;
  border: 2px solid #fff;
}
#kunststoffspule-mehrweg {
  /* Medium devices (desktops, < 1200px) */
}
#kunststoffspule-mehrweg {
  /* Small devices (tablets, < 992px) */
}
@media (max-width: 991px) {
  #kunststoffspule-mehrweg .img-wrapper {
    margin-bottom: 60px;
  }
}
#kunststoffspule-mehrweg {
  /* Small devices (phones, < 768px) */
}
@media (max-width: 767px) {
  #kunststoffspule-mehrweg h2 small {
    display: block;
    line-height: 1.8em;
  }
}

#kunststoffspule-einweg .img-wrapper {
  position: relative;
}
#kunststoffspule-einweg .img-wrapper img.main {
  width: 90%;
  margin-right: 10%;
}
#kunststoffspule-einweg .img-wrapper img.small {
  position: absolute;
  width: 50%;
  border: 5px solid white;
  bottom: -50px;
  right: 0;
}
#kunststoffspule-einweg h4 {
  margin-top: 70px;
  color: #24476B;
}
#kunststoffspule-einweg table.table-striped.table-bordered {
  border: none;
}
#kunststoffspule-einweg table.table-striped.table-bordered > thead > tr > th {
  text-align: center;
  color: #24476B;
  vertical-align: top;
  font-size: 0.9em;
  line-height: 1.2em;
  background-color: #b8bac8;
  border: 2px solid #b8bac8;
}
#kunststoffspule-einweg table.table-striped.table-bordered > tbody > tr:nth-of-type(even) {
  background-color: #b8bac8;
}
#kunststoffspule-einweg table.table-striped.table-bordered > tbody > tr:nth-of-type(odd) {
  background-color: #8890aa;
}
#kunststoffspule-einweg table.table-striped.table-bordered > tbody > tr > td {
  text-align: center;
  color: #24476B;
  font-size: 0.9em;
  line-height: 1.2em;
  border: 2px solid #fff;
}
#kunststoffspule-einweg {
  /* Medium devices (desktops, < 1200px) */
}
#kunststoffspule-einweg {
  /* Small devices (tablets, < 992px) */
}
@media (max-width: 991px) {
  #kunststoffspule-einweg .img-wrapper {
    margin-bottom: 60px;
  }
}
#kunststoffspule-einweg {
  /* Small devices (phones, < 768px) */
}
@media (max-width: 767px) {
  #kunststoffspule-einweg h2 small {
    display: block;
    line-height: 1.8em;
  }
}

#export-einwegspule .img-wrapper {
  position: relative;
}
#export-einwegspule .img-wrapper img.main {
  width: 90%;
  margin-right: 10%;
}
#export-einwegspule .img-wrapper img.small {
  position: absolute;
  width: 50%;
  border: 5px solid white;
  bottom: -50px;
  right: 0;
}
#export-einwegspule h4 {
  margin-top: 70px;
  color: #24476B;
}
#export-einwegspule table.table-striped.table-bordered {
  border: none;
}
#export-einwegspule table.table-striped.table-bordered > thead > tr > th {
  text-align: center;
  color: #24476B;
  vertical-align: top;
  font-size: 0.9em;
  line-height: 1.2em;
  background-color: #b8bac8;
  border: 2px solid #b8bac8;
}
#export-einwegspule table.table-striped.table-bordered > tbody > tr:nth-of-type(even) {
  background-color: #b8bac8;
}
#export-einwegspule table.table-striped.table-bordered > tbody > tr:nth-of-type(odd) {
  background-color: #8890aa;
}
#export-einwegspule table.table-striped.table-bordered > tbody > tr > td {
  text-align: center;
  color: #24476B;
  font-size: 0.9em;
  line-height: 1.2em;
  border: 2px solid #fff;
}
#export-einwegspule {
  /* Medium devices (desktops, < 1200px) */
}
#export-einwegspule {
  /* Small devices (tablets, < 992px) */
}
@media (max-width: 991px) {
  #export-einwegspule .img-wrapper {
    margin-bottom: 60px;
  }
}
#export-einwegspule {
  /* Small devices (phones, < 768px) */
}
@media (max-width: 767px) {
  #export-einwegspule h2 small {
    display: block;
    line-height: 1.8em;
  }
}

html {
  position: relative;
  min-height: 100%;
}

html,
body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  line-height: 18px;
  font-size: 14px;
}

.container {
  max-width: 1200px;
}

.col-aside,
.col-content {
  position: relative;
  min-height: 1px;
  float: left;
}

.col-aside {
  width: 330px;
}

.col-content {
  width: calc(100% - 330px);
  padding: 0 15px;
  color: rgb(85.425, 85.425, 85.425);
}
.col-content h2 {
  color: #24476B;
  font-weight: 600;
  margin-top: 0;
}

main {
  margin-top: 20px;
  padding-bottom: 100px;
}

.break-pre-line {
  white-space: pre-line;
}

/* Medium devices (desktops, < 1200px) */
/* Small devices (tablets, < 992px) */
@media (max-width: 991px) {
  .col-aside {
    width: calc(330px - 70px);
  }
  .col-content {
    width: calc(100% - 330px + 70px);
  }
}
/* Small devices (phones, < 768px) */
@media (max-width: 767px) {
  .col-aside,
  .col-content {
    width: 100%;
    display: block;
  }
  .col-aside {
    display: none;
  }
}