@charset "UTF-8";
/*
    Document   : awg_bootstrap.css
    Created on : 04.06.2019, 11:18:25
    Author     : Mark Boland <mark.boland@boland.de>
    Description:
        Main Sass Style Sheet source
*/
/*
    Document   : _colors
    Created on : 09.05.2019, 18:55:44
    Author     : mark
    Description:
    Purpose of the stylesheet follows.
*/
/*
    Created on : 28.05.2021, 12:44:21
    Author     : Mark Boland <mark.boland@boland.de>
*/
/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../Fonts/Orbitron-Regular.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.bar {
  padding: 20px 0; }
  .bar.blue {
    background-color: #FF8C00; }
  .bar.accent1, .bar.frame-layout-5 {
    background-color: #006651;
    color: white; }
    .bar.accent1 h1, .bar.accent1 h3, .bar.accent1 h5, .bar.frame-layout-5 h1, .bar.frame-layout-5 h3, .bar.frame-layout-5 h5 {
      color: white; }
  .bar.accent2, .bar.frame-layout-6 {
    background-color: #FF8C00; }
    .bar.accent2 h2, .bar.accent2 h4, .bar.accent2 h6, .bar.frame-layout-6 h2, .bar.frame-layout-6 h4, .bar.frame-layout-6 h6 {
      color: white; }
  .bar.accent3, .bar.frame-layout-7 {
    background-color: #baded7; }
  .bar.accent4, .bar.frame-layout-8 {
    background-color: #ffd199; }
  .bar.topic {
    background-color: #ffa333; }
  .bar.deepblue {
    background-color: #baded7;
    color: white; }
    .bar.deepblue h1, .bar.deepblue h2, .bar.deepblue h3, .bar.deepblue h4, .bar.deepblue h5, .bar.deepblue h6 {
      color: white; }
    .bar.deepblue h2 {
      text-align: center; }
      .bar.deepblue h2 .header-frame {
        width: 400px;
        color: white;
        font-weight: normal; }
  .bar + .bar {
    margin-top: 10px; }
  .bar.green {
    background-color: #006651; }
    .bar.green h2 .header-frame {
      color: white;
      border-color: white; }
  .bar.gray {
    background-color: #ddd; }
  .bar.lightgray {
    background-color: #eee; }

.banner.bar {
  padding: 0;
  background-color: #E5F0ED; }
  .banner.bar .ce-gallery {
    margin-bottom: 0 !important; }
  .banner.bar.layout2 {
    background-color: #E0E2E2; }

body {
  font-size: 16px; }

.content {
  margin-top: 40px; }

p.align-left, p.text-left, td.align-left, td.text-left, th.align-left, th.text-left, div.align-left, div.text-left {
  text-align: left; }
p.align-center, p.text-center, td.align-center, td.text-center, th.align-center, th.text-center, div.align-center, div.text-center {
  text-align: center; }
p.align-right, p.text-right, td.align-right, td.text-right, th.align-right, th.text-right, div.align-right, div.text-right {
  text-align: right; }
p.align-justify, p.text-justify, td.align-justify, td.text-justify, th.align-justify, th.text-justify, div.align-justify, div.text-justify {
  text-align: justify; }

table.align-right, table.text-center {
  margin-left: auto;
  margin-right: 0; }
table.align-center, table.text-right {
  margin-left: auto;
  margin-right: auto; }

.btn-primary {
  background-color: #006651;
  border-color: #006651; }

form input:focus::placeholder {
  color: transparent; }
form input[type="date"] {
  padding-top: 0; }

.row + .row {
  margin-top: 20px; }

.csc-textpic .csc-textpic-imagewrap {
  max-width: 100%; }
  .csc-textpic .csc-textpic-imagewrap img, .csc-textpic .csc-textpic-imagewrap picture {
    max-width: 100%;
    height: auto; }
.csc-textpic .csc-textpic-caption {
  font-style: italic;
  font-size: 12px;
  font-weight: bold;
  text-align: right; }

.frame-layout-30 {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #006651;
  color: white; }
  .frame-layout-30 h1, .frame-layout-30 h3, .frame-layout-30 h5 {
    color: white; }

.frame-layout-31 {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #FF8C00;
  color: white; }
  .frame-layout-31 h2, .frame-layout-31 h4, .frame-layout-31 h6 {
    color: white; }

.frame-layout-32 {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #baded7; }

.frame-layout-33 {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #ffd199; }

.frame-layout-7 .frame-indent-left {
  margin-left: 0;
  padding-left: 34.5%; }
.frame-layout-7 .frame-indent-right {
  margin-left: 0;
  padding-left: 34.5%; }
@media screen and (max-width: 767px) {
  .frame-layout-7 .frame-indent-left, .frame-layout-7 .frame-indent-right {
    margin: 0;
    padding-left: 15px; } }

.frame-50 .ce-left .ce-gallery, .frame-50 .ce-left .ce-gallery .ce-column {
  float: initial;
  margin-right: inherit; }
.frame-50 .ce-left .ce-gallery[data-ce-columns="2"] .ce-row {
  column-count: 2; }
.frame-50 .ce-left .ce-gallery[data-ce-columns="3"] .ce-row {
  column-count: 3; }
.frame-50 .ce-left .ce-gallery[data-ce-columns="4"] .ce-row {
  column-count: 4; }
.frame-50 .ce-left .ce-gallery[data-ce-columns="5"] .ce-row {
  column-count: 5; }
.frame-50 .ce-left .ce-gallery[data-ce-columns="6"] .ce-row {
  column-count: 6; }
.frame-50 .ce-left .ce-gallery[data-ce-columns="7"] .ce-row {
  column-count: 7; }
.frame-50 .ce-left .ce-gallery[data-ce-columns="8"] .ce-row {
  column-count: 8; }

.responsive-video {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden; }
  .responsive-video .video-embed-item {
    position: absolute;
    width: 100%;
    height: 100%; }

.ce-textpic.ce-left.ce-intext {
  margin-top: 20px; }
  .ce-textpic.ce-left.ce-intext .ce-bodytext h2 {
    margin-top: 0; }
.ce-textpic .ce-textpic-imagewrap {
  max-width: 100%; }
  .ce-textpic .ce-textpic-imagewrap img {
    max-width: 100%;
    height: auto; }
.ce-textpic .image-embed-item {
  /*width: inherit;*/
  max-width: 100%;
  height: auto; }
@media screen and (max-width: 767px) {
  .ce-textpic.ce-right .ce-gallery {
    float: none;
    display: block; } }
.ce-textpic .ce-gallery .image-caption {
  font-size: 0.9em;
  padding: 4px 0; }
@media screen and (min-width: 480px) {
  .ce-textpic.ce-nowrap.ce-left .ce-gallery {
    margin-right: 20px; } }
@media screen and (min-width: 480px) {
  .ce-textpic.ce-nowrap.ce-right .ce-gallery {
    margin-left: 20px; } }
@media screen and (max-width: 479px) {
  .ce-textpic.ce-nowrap .ce-gallery {
    float: inherit;
    margin-right: inherit; } }
@media screen and (min-width: 480px) and (max-width: 1023px) {
  .ce-textpic.ce-nowrap .ce-gallery {
    max-width: 50%; } }

.ce-layout1 h2 {
  margin-top: 10px;
  margin-bottom: 30px; }

.ce-layout3 .ce-textpic {
  color: #999;
  font-size: 1.1em; }
@media screen and (min-width: 960px) {
  .ce-layout3 .ce-textpic {
    padding-top: 20px;
    padding-left: 90px;
    padding-right: 90px; }
    .ce-layout3 .ce-textpic .ce-bodytext {
      max-width: 400px; } }

.ce-uploads li > img {
  max-width: 40px; }

@media screen and (max-width: 767px) {
  .ce-frame10, .frame-10, .frame-15, .frame-16, .frame-17 {
    display: none !important; }

  .ce-frame14, .frame-14 {
    display: block !important; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  .ce-layout11, .frame-11, .frame-14, .frame-16, .frame-17 {
    display: none !important; }

  .ce-layout15, .frame-15 {
    display: block !important; } }
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .ce-layout12, .frame-12, .frame-14, .frame-15, .frame-17 {
    display: none !important; }

  .ce-layout16, .frame16 {
    display: block !important; } }
@media screen and (min-width: 1200px) {
  .ce-layout13, .frame-13, .frame-14, .frame-15, .frame-16 {
    display: none !important; }

  .ce-layout17, .frame-17 {
    display: block !important; } }
.tx-ttaddress-pi1 {
  overflow: hidden; }
  .tx-ttaddress-pi1 .hide {
    display: none; }
  .tx-ttaddress-pi1 .vcard {
    float: left;
    margin: 3px;
    width: 440px;
    padding: 12px;
    box-shadow: 1px 1px 3px #999;
    overflow: hidden; }
    .tx-ttaddress-pi1 .vcard .photo {
      float: left;
      margin-right: 10px; }

.tx-ttaddress .list-group-item {
  background-color: #006651; }
  .tx-ttaddress .list-group-item a {
    color: white; }
  .tx-ttaddress .list-group-item strong {
    color: white; }
  .tx-ttaddress .list-group-item.active, .tx-ttaddress .list-group-item:focus, .tx-ttaddress .list-group-item:hover {
    background-color: white;
    border-color: initial; }
    .tx-ttaddress .list-group-item.active a, .tx-ttaddress .list-group-item:focus a, .tx-ttaddress .list-group-item:hover a {
      color: #FF8C00; }
    .tx-ttaddress .list-group-item.active strong, .tx-ttaddress .list-group-item:focus strong, .tx-ttaddress .list-group-item:hover strong {
      color: #333; }

.bigger {
  font-size: 17px; }

.biggest {
  font-size: 19px; }

.humongous {
  font-size: 25px; }

div.text-2column {
  font-size: 17px;
  color: #666;
  columns: 2;
  column-gap: 50px; }

div.text-3column {
  columns: 3; }

div.text-4column {
  columns: 4; }

/*
@media (min-width: 1200px) {
		.tx-ttaddress-pi1 {
			.vcard {
				width: 530px;
				padding: 20px;
				margin-right: 10px;
				margin-bottom: 10px;
			}

			.photo {
				margin-right:20xp;
			}
		}
}
*/
@media (max-width: 1023px) {
  .tx-ttaddress-pi1 .vcard {
    width: inherit; }
  .tx-ttaddress-pi1 .photo {
    float: inherit; } }
.fluid-row.glide {
  overflow: hidden; }
  .fluid-row.glide > div {
    padding-left: 0;
    padding-right: 1%; }
    .fluid-row.glide > div:first-child {
      padding-left: 0; }
    .fluid-row.glide > div:last-child {
      padding-right: 0; }
    .fluid-row.glide > div h3 a {
      color: #666;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-stretch: expanded;
      font-weight: normal; }
      .fluid-row.glide > div h3 a::after {
        content: " >>>";
        color: #FF8C00; }
    @media screen and (max-width: 479px) {
      .fluid-row.glide > div h3 a {
        font-size: 11px; }
        .fluid-row.glide > div h3 a::after {
          content: " >"; } }

.ce-layout2 .ce-gallery {
  width: 100%; }
  .ce-layout2 .ce-gallery .ce-row + .ce-row {
    margin-bottom: 40px; }
  .ce-layout2 .ce-gallery .ce-column {
    font-size: 13px;
    color: black; }
    .ce-layout2 .ce-gallery .ce-column figure {
      margin: auto; }
  .ce-layout2 .ce-gallery .ce-column h4.boxed {
    border: 1px solid grey;
    padding: 5px 10px;
    width: 50%;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #FF8C00;
    font-size: 17px; }
.ce-layout2 .ce-gallery[data-ce-columns="2"] .ce-column {
  width: 48%; }
.ce-layout2 .ce-gallery[data-ce-columns="3"] .ce-column {
  width: 32%; }
.ce-layout2 .ce-gallery[data-ce-columns="4"] .ce-column {
  width: 24%; }
@media screen and (max-width: 479px) {
  .ce-layout2 .ce-gallery .ce-colum {
    width: 100%; } }

ul.striped li:nth-child(even), table.striped tbody tr:nth-child(even) {
  background-color: #baded7; }

.ce-image .ce-gallery {
  margin-bottom: 20px; }

.icon-container, .icon-cloth, .icon-cloth-container, .icon-electro, .icon-paper-container, .icon-glas-container {
  background-image: url("../Images/iconset-waste.svg");
  background-size: 265px 32px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 32px;
  margin-left: 20px; }

.icon-container {
  width: 64px; }

.icon-cloth-container {
  width: 24px;
  background-position: -78px 0; }

.icon-cloth {
  width: 24px;
  background-position: -110px 0; }

.icon-electro {
  width: 24px;
  background-position: -145px 0; }

.icon-glas-container {
  width: 48px;
  background-position: -175px 0; }

.icon-paper-container {
  width: 48px;
  background-position: -230px 0; }

.wastecalendar_legend {
  margin-bottom: 20px; }
  .wastecalendar_legend span {
    display: block; }
  @media screen and (min-width: 1024px) {
    .wastecalendar_legend span {
      display: inline-block;
      white-space: nowrap; } }

.form-control:focus {
  border-color: #baded7;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(186, 222, 215, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(186, 222, 215, 0.6); }

.tx-kesearch-pi1 #kesearch_results .result-list-item .hit {
  color: #006651 !important; }

.frame-layout-20 img {
  width: 260px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .awg_container .radio input[type=radio] {
    display: block; } }
@media screen and (prefers-color-scheme: dark) {
  body.iframe {
    background-color: black;
    color: white; }
    body.iframe h1 {
      color: #FF8C00; }
    body.iframe .tx-powermail, body.iframe .panel-group {
      color: black; } }
.frame-type-login form, .frame-type-felogin_login form {
  padding: 15px 25px;
  display: inherit;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #f0f0f0;
  margin: 20px auto 0 auto;
  width: 300px; }
  .frame-type-login form div, .frame-type-felogin_login form div {
    display: block; }
  .frame-type-login form label, .frame-type-felogin_login form label {
    width: 100%;
    overflow: hidden; }
  .frame-type-login form input[type="submit"], .frame-type-felogin_login form input[type="submit"] {
    background-color: #006651;
    border-radius: 3px;
    border: solid #006651 1px;
    font-size: 0.9em;
    padding: 5px 20px;
    color: white;
    display: inherit;
    margin: 20px auto 0 auto; }
  @media screen and (min-width: 480px) {
    .frame-type-login form, .frame-type-felogin_login form {
      width: 400px; }
      .frame-type-login form label, .frame-type-felogin_login form label {
        width: 150px;
        overflow: inherit; }
        .frame-type-login form label input, .frame-type-felogin_login form label input {
          float: right; } }

.frame-type-felogin_login form {
  width: 400px; }
  .frame-type-felogin_login form fieldset {
    width: 100%; }
  .frame-type-felogin_login form label {
    width: inherit; }

.productrow {
  margin: 20px 0;
  overflow: hidden; }
  .productrow .span1 {
    width: 100px; }
  .productrow .span2 {
    width: 200px; }
  .productrow .span3 {
    width: 300px; }
  .productrow div[class*=span]:first-child {
    margin-left: 0; }
  .productrow > div {
    vertical-align: bottom;
    position: relative; }
    .productrow > div .image {
      height: 200px; }
      .productrow > div .image img {
        position: absolute;
        bottom: 40px; }
    .productrow > div .caption {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center; }
      .productrow > div .caption .header {
        text-align: center;
        line-height: 1;
        margin-bottom: 5px;
        font-weight: bold; }
    .productrow > div:hover {
      background-color: #999; }
      .productrow > div:hover .header {
        color: white; }
  .productrow div.description {
    background-color: #ddd;
    height: 180px;
    padding: 10px; }
    .productrow div.description.lines2 {
      height: 380px; }
    .productrow div.description.lines3 {
      height: 580px; }
    .productrow div.description .csc-textpic-imagewrap {
      margin: 0; }
    .productrow div.description img {
      width: 100%;
      height: auto; }
    .productrow div.description:hover {
      background-color: #ddd; }
      .productrow div.description:hover div {
        background-color: inherit; }

/* navigation */
.small {
  text-size: 13px; }

.marketing {
  background-color: #ddd; }

.dropdown-menu {
  /*top: 90%;*/
  border-top-left-radius: 0; }

body {
  padding-top: 100px; }
  @media screen and (min-width: 1200px) {
    body {
      padding-top: 150px; } }
  body.iframe {
    padding-top: 0; }

.navbar.navbar-inverse {
  margin: 0; }
  .navbar.navbar-inverse .navbar-inner {
    border: 0;
    border-radius: 0; }

.navbar {
  transition: all 0.4s ease;
  background-color: white;
  border: none; }
  .navbar .btn-navbar {
    background: #ccc; }
  .navbar .current a {
    background-color: black !important; }
  .navbar .navbar-toggle {
    border: none; }
    .navbar .navbar-toggle .icon-bar {
      width: 57px;
      height: 10px;
      background-color: #FF8C00; }
    .navbar .navbar-toggle .navbar-nav {
      transition: all 0.4 ease; }
  .navbar .navbar-form {
    padding-right: 0; }
  .navbar .navbar-brand {
    height: auto;
    margin-right: 15px;
    /*padding: 15px 0 10px 15px;*/
    /*position: relative;*/ }
    .navbar .navbar-brand a {
      display: block;
      width: 100%;
      height: 100%; }
    .navbar .navbar-brand img {
      width: 150px;
      height: auto;
      display: block;
      transition: all 0.4s ease; }
    .navbar .navbar-brand .navbar-brand-naming {
      display: none; }
    @media screen and (min-width: 768px) {
      .navbar .navbar-brand {
        margin-top: 10px; }
        .navbar .navbar-brand img {
          /*width: 270px;*/ } }
    @media screen and (min-width: 1200px) {
      .navbar .navbar-brand {
        margin-right: 40px; }
        .navbar .navbar-brand img {
          width: 200px; }
        .navbar .navbar-brand .navbar-brand-naming {
          /*display: block;*/
          color: #FF8C00;
          text-transform: uppercase;
          font-size: 0.9em;
          position: absolute;
          left: -420px; } }
  .navbar .navbar-collapse ul.nav {
    list-style: none;
    text-transform: uppercase; }
    .navbar .navbar-collapse ul.nav > li > a {
      padding: 15px 15px 15px 0; }
      .navbar .navbar-collapse ul.nav > li > a:hover {
        background: transparent;
        color: #FF8C00 !important; }
        .navbar .navbar-collapse ul.nav > li > a:hover ul {
          display: block; }
    .navbar .navbar-collapse ul.nav ul {
      list-style: none;
      /*padding-left: 15px;*/
      text-transform: none; }
      .navbar .navbar-collapse ul.nav ul li {
        margin-bottom: 5px; }
      .navbar .navbar-collapse ul.nav ul a {
        color: #999 !important; }
        .navbar .navbar-collapse ul.nav ul a:hover {
          background: transparent;
          color: #FF8C00 !important; }
    .navbar .navbar-collapse ul.nav .dropdown:hover > ul.dropdown-menu {
      display: block; }
    @media screen and (max-width: 767px) {
      .navbar .navbar-collapse ul.nav {
        padding-left: 30px; }
        .navbar .navbar-collapse ul.nav .dropdown-menu {
          padding-left: 30px; } }
  @media screen and (max-width: 1023px) {
    .navbar .navbar-collapse {
      min-height: 550px;
      border-bottom: 1px solid darkgrey; } }
  @media screen and (min-width: 768px) {
    .navbar .navbar-collapse {
      font-size: 15px; }
      .navbar .navbar-collapse ul.nav > a {
        /*padding-top: 40px;*/
        padding-left: 0;
        padding-right: 5px;
        margin-right: 5px; } }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .navbar .navbar-toggler {
      display: inline-block; }
    .navbar .navbar-collapse > ul > li {
      float: inherit;
      display: block; } }
  @media screen and (min-width: 1200px) {
    .navbar {
      /*position: relative;*/
      /*height: 105px;*/ }
      .navbar .navbar-collapse {
        /*position: absolute;*/
        bottom: 0;
        padding-left: 0; }
        .navbar .navbar-collapse ul.navbar-nav > li > a {
          padding: 0 30px 0 0; }
        .navbar .navbar-collapse ul.navbar-nav > li.open > a {
          background-color: transparent; }
        .navbar .navbar-collapse #search {
          height: 30px;
          padding: 3px 6px;
          margin-top: 4px; } }

@media screen and (max-width: 1199px) {
  .navbar.navbar-expand-xl .navbar-toggle {
    display: block; }
  .navbar.navbar-expand-xl .navbar-collapse.collapse {
    display: none !important;
    clear: both; }
    .navbar.navbar-expand-xl .navbar-collapse.collapse.in {
      display: block !important;
      width: 100%; }
      .navbar.navbar-expand-xl .navbar-collapse.collapse.in .navbar-nav {
        float: inherit; }
        .navbar.navbar-expand-xl .navbar-collapse.collapse.in .navbar-nav .open .dropdown-menu {
          position: static;
          float: none;
          width: auto;
          margin-top: 0;
          background-color: transparent;
          border: 0;
          -webkit-box-shadow: none;
          box-shadow: none; }
        .navbar.navbar-expand-xl .navbar-collapse.collapse.in .navbar-nav li {
          display: block; }
  .navbar.navbar-expand-xl .navbar-form {
    width: 100%; } }
@media screen and (min-width: 1200px) {
  .navbar .navbar-collapse {
    margin-top: 80px; }
    .navbar .navbar-collapse .navbar-form {
      margin-top: -10px; }

  .dropdown-submenu {
    position: relative; }
    .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -1px; }
    .dropdown-submenu:hover > .dropdown-menu {
      display: block; } }
.news-special {
  text-align: center;
  background-color: #006651;
  color: white; }
  .news-special a {
    display: block;
    color: white;
    width: 100%;
    padding: 3px 0; }

/*
	Created on : 21.07.2014, 11:44:53
	Author     : Mark Boland <mark.boland@boland.de>
*/
table.formatted, table.options {
  border-spacing: 0px;
  border-collapse: collapse; }
  table.formatted caption, table.options caption {
    border-bottom: 2px solid white;
    border-right: 5px solid white;
    caption-side: bottom;
    font-style: italic;
    text-align: right;
    font-size: 12px;
    padding: 3px;
    line-height: 16px;
    margin-top: 5px; }
  table.formatted th, table.options th {
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    padding: 3px;
    text-align: left;
    border-bottom: 1px solid black;
    border-right: 5px solid white; }
  table.formatted td, table.options td {
    background-color: #a9d6cc;
    vertical-align: top;
    font-size: 13px;
    padding: 3px;
    border-bottom: 1px solid black;
    border-right: 5px solid white;
    text-align: right; }
    table.formatted td.title, table.options td.title {
      font-weight: bold;
      height: 12px;
      padding-top: 10px; }
  table.formatted thead th, table.options thead th {
    color: #FF8C00;
    font-weight: bold !important;
    text-align: right;
    font-size: 15px;
    padding: 3px;
    text-align: left;
    border-bottom: 2px solid white; }
  table.formatted thead th[scope=col], table.options thead th[scope=col] {
    background-color: #a9d6cc;
    text-align: right; }
  table.formatted thead td, table.options thead td {
    background-color: #a9d6cc;
    vertical-align: top;
    font-size: 13px;
    padding: 3px;
    border-bottom: 2px solid white; }

table.comparison {
  border-spacing: 0px;
  border-collapse: collapse; }
  table.comparison thead th {
    color: #FF8C00;
    padding: 5px;
    font-weight: normal; }
  table.comparison tbody tr td {
    padding: 5px; }

/**
*	Product technical data table style
*	Model columns with changing color scheme
*/
table.producttable {
  margin-top: 20px;
  margin-bottom: 20px; }
  table.producttable tr {
    background: none; }
  table.producttable td, table.producttable th {
    border: none;
    background: none;
    padding: 5px;
    text-align: left; }
  table.producttable .style1 {
    background-color: #ffe8cc;
    border-right: 5px solid white; }
  table.producttable .style2 {
    background-color: #ffddb3;
    border-right: 5px solid white; }
  table.producttable .style3 {
    background-color: #ffd199;
    border-right: 5px solid white; }
  table.producttable .style4 {
    background-color: #ffc680;
    border-right: 5px solid white; }
  table.producttable .style5 {
    background-color: #ffba66;
    border-right: 5px solid white; }
  table.producttable .style6 {
    background-color: #ffaf4d;
    border-right: 5px solid white; }
  table.producttable .style7 {
    background-color: #ffa333;
    border-right: 5px solid white; }
  table.producttable.green .style1 {
    background-color: #33ffd5; }
  table.producttable.green .style2 {
    background-color: #1affd0; }
  table.producttable.green .style3 {
    background-color: #00ffcb; }
  table.producttable.green .style4 {
    background-color: #00e6b6; }
  table.producttable.green .style5 {
    background-color: #00cca2; }
  table.producttable.green .style6 {
    background-color: #00b38e; }
  table.producttable.green .style7 {
    background-color: #00997a; }
  table.producttable thead th {
    background: none;
    color: #FF8C00;
    font-weight: bold;
    text-align: right; }
  table.producttable tbody tr {
    border-top: 1px solid black;
    background: none; }
  table.producttable tbody th[scope=row] {
    font-weight: bold;
    padding-top: 20px;
    text-align: left; }
  table.producttable tbody td {
    text-align: right; }

table.manufacturer caption {
  background-color: #eee;
  font-weight: bold;
  margin: 2px; }
table.manufacturer th {
  background-color: #ccc;
  vertical-align: top;
  padding: 2px;
  white-space: nowrap; }
table.manufacturer td {
  background-color: #eee;
  padding: 2px; }
table.manufacturer thead th {
  backgroud-color: #aaa; }

table.options th, table.options td {
  padding: 10px; }

table.cantina {
  width: 100%; }
  table.cantina td, table.cantina th {
    padding: 5px; }
  table.cantina thead th {
    background-color: #006651;
    color: white;
    width: auto; }
  table.cantina tbody th {
    font-weight: bold; }
  @media screen and (max-width: 767px) {
    table.cantina {
      display: flex;
      flex-direction: column; }
      table.cantina * {
        display: contents;
        width: 100%; }
      table.cantina thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px; }
      table.cantina th, table.cantina td {
        display: block; }
      table.cantina tr > *:nth-child(1) {
        display: none; }
      table.cantina tr > *:nth-child(2) {
        order: 1; }
      table.cantina tr > *:nth-child(3) {
        order: 2; }
      table.cantina tr > *:nth-child(4) {
        order: 3; }
      table.cantina tr > *:nth-child(5) {
        order: 4; }
      table.cantina tr > *:nth-child(6) {
        order: 5; }
      table.cantina tr:nth-of-type(1) td:before {
        content: "Normal: ";
        font-weight: bold; }
      table.cantina tr:nth-of-type(2) td {
        margin-bottom: 20px; }
        table.cantina tr:nth-of-type(2) td:before {
          content: "Vegetarisch: ";
          font-weight: bold; } }

/* News */
.news-single .article {
  width: auto; }
  .news-single .article h3 {
    font-size: 25px;
    color: #FF8C00; }
  .news-single .article .pager li a {
    border: none;
    padding: 5px 0; }
  .news-single .article .extra {
    margin-top: 20px; }
  .news-single .article .news-img-wrap {
    margin: 3px 0 5px 12px;
    background: #006651;
    padding: 20px;
    float: right;
    width: auto;
    text-align: center;
    /*			.mediaelement-image + .mediaelement-image {
    				margin-top: 20px;
    			}*/ }
    .news-single .article .news-img-wrap .outer {
      margin-bottom: 20px; }
      .news-single .article .news-img-wrap .outer .news-img-caption {
        color: black;
        margin-top: 5px; }
    .news-single .article .news-img-wrap a {
      display: block;
      float: none;
      padding: 0;
      border: none;
      background: transparent; }
    @media screen and (max-width: 767px) {
      .news-single .article .news-img-wrap {
        float: inherit;
        margin: 0; } }
  .news-single .article .thumbnail img {
    max-height: inherit;
    margin: 0; }
  .news-single .article .thumbnail .caption {
    font-size: 0.9em;
    padding: 4px 0; }
  .news-single .article .news-related-wrap .news-related {
    display: table-row; }
    .news-single .article .news-related-wrap .news-related ul {
      margin: 0; }
      .news-single .article .news-related-wrap .news-related ul li {
        list-style: none; }
.news-single .teaser-text {
  font-size: 1.1em !important;
  color: black;
  font-weight: bold;
  margin: 20px 0 !important; }

/* latest news */
.news .news-list-view .news-list-item {
  margin-bottom: 20px; }
  .news .news-list-view .news-list-item .lead {
    font-size: inherit;
    font-weight: inherit; }
  .news .news-list-view .news-list-item.short h4 {
    margin-bottom: 0;
    font-size: 1em;
    color: black; }
    .news .news-list-view .news-list-item.short h4 a {
      color: black; }
.news .news-list-view .article {
  margin-bottom: 20px;
  clear: both; }
  .news .news-list-view .article .header h3 {
    font-weight: bold;
    text-transform: none;
    font-size: 1.2em;
    margin: 0;
    line-height: 1.2; }
    .news .news-list-view .article .header h3 a {
      text-decoration: none; }
      .news .news-list-view .article .header h3 a:hover {
        text-decoration: underline; }
  .news .news-list-view .article p {
    margin-bottom: 10px; }
  .news .news-list-view .article .unstyled li {
    width: 100%; }
  .news .news-list-view .article .unstyled .header {
    float: left;
    width: 100%; }
  .news .news-list-view .article .unstyled .news-img-wrap {
    float: right;
    width: inherit; }
  .news .news-list-view .article .news-img-wrap {
    float: right;
    margin: 3px 0 5px 12px;
    background: transparent; }
    .news .news-list-view .article .news-img-wrap .mediaelement-image {
      clear: both; }
    .news .news-list-view .article .news-img-wrap .mediaelement-image + .mediaelement-image {
      margin-top: 20px; }
    .news .news-list-view .article .news-img-wrap a {
      display: block;
      float: none;
      padding: 0;
      border: none;
      background: transparent; }
    .news .news-list-view .article .news-img-wrap img {
      width: inherit !important;
      height: auto; }
  .news .news-list-view .article .footer {
    display: none; }
.news .news-list-view.home-public-layout .article li, .news .news-list-view.overview-public-layout .article li, .news .news-list-view.overview-dates-layout .article li, .news .news-list-view.list-public-layout .article li {
  display: table-row;
  width: 100%; }
.news .news-list-view.home-public-layout .article .news-img-wrap, .news .news-list-view.overview-public-layout .article .news-img-wrap, .news .news-list-view.overview-dates-layout .article .news-img-wrap, .news .news-list-view.list-public-layout .article .news-img-wrap {
  float: left;
  display: table-cell;
  width: 200px;
  margin: 0 20px 0 0;
  vertical-align: top; }
  .news .news-list-view.home-public-layout .article .news-img-wrap img, .news .news-list-view.overview-public-layout .article .news-img-wrap img, .news .news-list-view.overview-dates-layout .article .news-img-wrap img, .news .news-list-view.list-public-layout .article .news-img-wrap img {
    width: auto; }
.news .news-list-view.home-public-layout .article .text, .news .news-list-view.overview-public-layout .article .text, .news .news-list-view.overview-dates-layout .article .text, .news .news-list-view.list-public-layout .article .text {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  color: #999; }
@media screen and (max-width: 479px) {
  .news .news-list-view.home-public-layout .article li, .news .news-list-view.home-public-layout .article .news-img-wrap, .news .news-list-view.home-public-layout .article img, .news .news-list-view.home-public-layout .article .text, .news .news-list-view.overview-public-layout .article li, .news .news-list-view.overview-public-layout .article .news-img-wrap, .news .news-list-view.overview-public-layout .article img, .news .news-list-view.overview-public-layout .article .text, .news .news-list-view.overview-dates-layout .article li, .news .news-list-view.overview-dates-layout .article .news-img-wrap, .news .news-list-view.overview-dates-layout .article img, .news .news-list-view.overview-dates-layout .article .text, .news .news-list-view.list-public-layout .article li, .news .news-list-view.list-public-layout .article .news-img-wrap, .news .news-list-view.list-public-layout .article img, .news .news-list-view.list-public-layout .article .text {
    display: block;
    float: none; } }
.news .news-list-view.home-public-layout .topnews .news-img-wrap, .news .news-list-view.overview-public-layout .topnews .news-img-wrap, .news .news-list-view.overview-dates-layout .topnews .news-img-wrap, .news .news-list-view.list-public-layout .topnews .news-img-wrap {
  position: relative; }
  .news .news-list-view.home-public-layout .topnews .news-img-wrap:before, .news .news-list-view.overview-public-layout .topnews .news-img-wrap:before, .news .news-list-view.overview-dates-layout .topnews .news-img-wrap:before, .news .news-list-view.list-public-layout .topnews .news-img-wrap:before {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: block;
    content: "NEU";
    font-size: 17px;
    color: white;
    background-color: red;
    width: 55px;
    height: 25px;
    text-align: center; }
.news .news-list-view.home-public-layout .article {
  margin-top: 20px;
  margin-bottom: 20px; }
  .news .news-list-view.home-public-layout .article .header .text > a:after {
    content: " ›";
    display: inline-block; }
.news .news-list-view.overview-special-layout .article .unstyled .news-img-wrap {
  max-width: 100%;
  float: inherit; }
.news .news-list-view.overview-dates-layout .article .news-img-wrap {
  width: auto; }
.news .more {
  margin-top: 1.5em; }
  .news .more a {
    /*			display: inline-block;
    			color: $accent1;
    			font-weight: bold;
    			text-decoration: none;

    			&:hover {
    				text-decoration: underline;
    			}*/ }
.news .news-list-date {
  font-size: 0.9em;
  float: right;
  color: #284677;
  margin-top: 3px;
  margin-left: 2px; }
  .news .news-list-date:after {
    content: "\0020";
    clear: both; }

.newspaper {
  margin-bottom: 20px; }
  .newspaper div[class*=span] {
    background-color: #f8f8f8;
    min-height: 450px;
    padding: 0 10px;
    -moz-hyphens: auto;
    hyphens: auto; }
    @media (max-width: 767px) {
      .newspaper div[class*=span] {
        min-height: inherit; } }
    .newspaper div[class*=span] .news-list-view h3 {
      font-size: 15px; }
    .newspaper div[class*=span] .news-list-view .news-img-wrap {
      width: auto; }
    .newspaper div[class*=span] .news ul {
      margin-bottom: 0; }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #006651;
  border-color: #006651; }
.pagination > li > a, .pagination .pagination > li > span {
  color: #006651; }

.tx-bwdock-pi1 {
  margin: 20px 0; }
  .tx-bwdock-pi1 .navbar {
    border: none;
    padding: 0; }
  .tx-bwdock-pi1 .navbar-inner {
    padding: 0;
    background: #999;
    border: none;
    border-radius: 0;
    box-shadow: none; }
  .tx-bwdock-pi1 .divider-vertical {
    margin: 0;
    width: inherit; }
  .tx-bwdock-pi1 .dock-content {
    height: 160px;
    overflow: auto;
    max-width: 2000px; }
  .tx-bwdock-pi1 .tab-content {
    position: relative; }
    .tx-bwdock-pi1 .tab-content .tab-pane {
      white-space: nowrap;
      height: 180px;
      overflow: hidden; }
      .tx-bwdock-pi1 .tab-content .tab-pane:hover {
        overflow: scroll; }
      .tx-bwdock-pi1 .tab-content .tab-pane .item {
        display: inline-block;
        vertical-align: bottom;
        margin-right: 10px;
        width: 140px;
        height: 140px; }
        .tx-bwdock-pi1 .tab-content .tab-pane .item .image {
          position: relative;
          width: 140px;
          height: 140px; }
          .tx-bwdock-pi1 .tab-content .tab-pane .item .image img {
            position: absolute;
            bottom: 0; }
        .tx-bwdock-pi1 .tab-content .tab-pane .item .title {
          display: block;
          margin-top: 10px;
          text-align: center; }
        .tx-bwdock-pi1 .tab-content .tab-pane .item:last {
          margin-right: 0; }
    .tx-bwdock-pi1 .tab-content.overflow-left:before {
      position: absolute;
      display: block;
      content: "\0020";
      top: 0;
      left: 0;
      height: 180px;
      width: 70px;
      background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
      z-index: 1; }
    .tx-bwdock-pi1 .tab-content.overflow-right:after {
      position: absolute;
      display: block;
      content: "\0020";
      top: 0;
      right: 0;
      height: 180px;
      width: 70px;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
      z-index: 1; }
  .tx-bwdock-pi1 .nav-tabs-wrapper {
    width: 100%; }
    .tx-bwdock-pi1 .nav-tabs-wrapper .nav-tabs {
      text-align: justify;
      border-radius: 0; }
      .tx-bwdock-pi1 .nav-tabs-wrapper .nav-tabs li {
        display: inline-block;
        vertical-align: middle;
        background-color: #999; }
        .tx-bwdock-pi1 .nav-tabs-wrapper .nav-tabs li a {
          text-shadow: none;
          height: 30px;
          color: white;
          vertical-align: middle;
          border-radius: 0; }
        .tx-bwdock-pi1 .nav-tabs-wrapper .nav-tabs li.line {
          padding-left: 100%; }
        .tx-bwdock-pi1 .nav-tabs-wrapper .nav-tabs li.active a {
          background-color: #666;
          color: white; }

@media (max-width: 767px) {
  .tx-bwdock-pi1 .nav-tabs li img {
    max-width: 100%; }

  .tx-bwdock-pi1 .dock-content {
    overflow: auto; }

  .tx-bwdock-pi1 .navbar li {
    float: none; } }
.references .nav-tabs {
  margin-bottom: 0;
  border-bottom: 0; }
.references .tab-content {
  margin-top: 0;
  padding-top: 10px;
  border: 1px solid #ddd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding-left: 10px; }
  .references .tab-content .tab-pane .thumbnails > li div {
    vertical-align: middle;
    height: 80px;
    width: 80px;
    display: table-cell; }
  .references .tab-content .tab-pane .thumbnails > li.span2 div {
    height: 160px;
    width: 160px; }
.references .tab-pane .item {
  display: inline-block;
  margin: 0 11px 10px 0;
  background-color: #eee;
  text-align: center; }

.tx-bwdock-pi1 li {
  display: table-cell;
  vertical-align: middle; }
  .tx-bwdock-pi1 li a {
    height: auto;
    display: block;
    text-align: center; }
    .tx-bwdock-pi1 li a img {
      display: inline; }

.thumbnails div {
  width: 100%;
  text-align: center; }

.thumbnail {
  border: none;
  box-shadow: none;
  vertical-align: middle; }
  .thumbnail img {
    max-height: 50px;
    width: auto;
    vertical-align: middle; }
  .thumbnail li.span2 img {
    max-height: 100px; }

@media (max-width: 767px) {
  .references .tab-content .tab-pane .item {
    margin-right: 0; }
  .references .tab-content .tab-pane .thumbnails > li div {
    height: 100px;
    width: auto; } }
.mediacenter-list ul {
  list-style: none;
  margin: 0; }
  .mediacenter-list ul li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #eee;
    position: relative; }
    .mediacenter-list ul li .thumb, .mediacenter-list ul li img {
      display: inline-block;
      margin-right: 20px;
      vertical-align: top;
      float: left;
      position: relative;
      left: 0;
      top: 0; }
      @media (max-width: 1023px) {
        .mediacenter-list ul li .thumb, .mediacenter-list ul li img {
          display: block;
          float: none;
          margin-right: 0;
          max-width: 100%;
          height: auto; } }
      @media (max-width: 479px) {
        .mediacenter-list ul li .thumb, .mediacenter-list ul li img {
          position: static;
          width: 100%; } }
    .mediacenter-list ul li .title {
      margin-right: 20px;
      vertical-align: top;
      position: absolute;
      left: 260px;
      top: 5px; }
      @media (max-width: 1023px) {
        .mediacenter-list ul li .title {
          position: static;
          display: block;
          margin-right: 0;
          float: none; } }
    .mediacenter-list ul li .description {
      margin-right: 20px;
      vertical-align: top;
      position: absolute;
      left: 260px;
      top: 30px; }
      @media (max-width: 1023px) {
        .mediacenter-list ul li .description {
          position: static;
          display: block;
          margin-right: 0;
          margin-top: 10px; } }

.ce-uploads.ce-uploads-type3 {
  overflow: hidden; }
  .ce-uploads.ce-uploads-type3 li {
    float: left;
    margin-right: 20px; }
    .ce-uploads.ce-uploads-type3 li img {
      padding-right: 0;
      border: 1px solid #ccc; }
.ce-uploads.ce-uploads-type4 li .item {
  overflow: hidden; }
  .ce-uploads.ce-uploads-type4 li .item .uploads-image {
    float: left;
    margin-right: 20px; }
  @media screen and (max-width: 479px) {
    .ce-uploads.ce-uploads-type4 li .item .uploads-image {
      float: inherit;
      margin-right: 0; } }

body.landingpage {
  padding: inherit; }
  body.landingpage .csc-default, body.landingpage section, body.landingpage .carousel {
    margin: 0; }
  body.landingpage div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0; }
  body.landingpage h1 {
    font-size: 28px; }
  body.landingpage h2 {
    font-size: 24px; }
  body.landingpage h3 {
    font-size: 22px; }
  body.landingpage h4 {
    font-size: 20px;
    text-transform: none;
    color: #333;
    margin: 30px 0 20px 0; }
  body.landingpage .navbar {
    top: 0;
    background-color: white;
    border: none; }
    body.landingpage .navbar .contact-info {
      margin-top: 20px;
      color: #999; }
      body.landingpage .navbar .contact-info a {
        color: #999; }
      @media screen and (max-width: 479px) {
        body.landingpage .navbar .contact-info {
          margin-top: 10px; } }
      body.landingpage .navbar .contact-info .hotline {
        display: inline-block;
        margin-left: 50px; }
        @media screen and (max-width: 479px) {
          body.landingpage .navbar .contact-info .hotline {
            margin-left: 20px; } }
        @media screen and (max-width: 349px) {
          body.landingpage .navbar .contact-info .hotline {
            margin-left: 0;
            display: block; } }
    body.landingpage .navbar .navbar-header .navbar-brand img {
      height: 50px; }
      @media screen and (min-width: 480px) {
        body.landingpage .navbar .navbar-header .navbar-brand img {
          height: 85px; } }
    @media screen and (max-width: 479px) {
      body.landingpage .navbar {
        height: 60px; } }
  body.landingpage footer {
    background-color: #bbb;
    margin-top: 80px; }
    body.landingpage footer img {
      max-width: 200px; }
    body.landingpage footer p {
      color: white;
      font-size: 16px; }
  body.landingpage .ce-bodytext {
    font-size: 18px;
    color: #888; }
  body.landingpage h2 .header-frame {
    font-size: 16px; }
  body.landingpage .ce-layout2 {
    background-color: #3e3e3e;
    left: 0;
    right: 0;
    position: absolute;
    margin-top: 40px; }
    body.landingpage .ce-layout2 h2 {
      color: #999;
      text-transform: none;
      letter-spacing: 0;
      padding-left: 15px;
      padding-right: 15px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 90px;
      margin-bottom: 20px;
      font-weight: normal;
      font-size: 30px; }
      @media screen and (min-width: 768px) {
        body.landingpage .ce-layout2 h2 {
          width: 750px; } }
      @media screen and (min-width: 992px) {
        body.landingpage .ce-layout2 h2 {
          width: 970px; } }
      @media screen and (min-width: 1200px) {
        body.landingpage .ce-layout2 h2 {
          width: 1170px; } }
    body.landingpage .ce-layout2:after {
      content: "\0020";
      margin-bottom: 60px; }
  body.landingpage div.ce-layout2 + div {
    margin-top: 220px; }
  body.landingpage .ce-layout3 .ce-gallery {
    width: 100%; }
    body.landingpage .ce-layout3 .ce-gallery .ce-row + .ce-row {
      margin-bottom: 40px; }
    body.landingpage .ce-layout3 .ce-gallery .ce-column {
      font-size: 13px;
      color: black;
      width: 100%; }
      body.landingpage .ce-layout3 .ce-gallery .ce-column figure {
        margin: auto;
        width: 100%; }
        body.landingpage .ce-layout3 .ce-gallery .ce-column figure .ce-media-img {
          height: 200px;
          display: table-cell;
          align-content: center;
          vertical-align: bottom; }
          body.landingpage .ce-layout3 .ce-gallery .ce-column figure .ce-media-img img {
            margin: 0 auto 0 auto; }
        body.landingpage .ce-layout3 .ce-gallery .ce-column figure figcaption {
          width: 100%; }
      @media screen and (max-width: 767px) {
        body.landingpage .ce-layout3 .ce-gallery .ce-column {
          width: 100% !important;
          margin-bottom: 40px; }
          body.landingpage .ce-layout3 .ce-gallery .ce-column figure {
            min-height: inherit; } }
    body.landingpage .ce-layout3 .ce-gallery .ce-column h4.boxed {
      border: 1px solid grey;
      margin: auto;
      margin-top: 10px;
      margin-bottom: 10px;
      text-align: center;
      font-size: 17px;
      background-color: #FF8C00;
      color: white; }
      @media screen and (min-width: 768px) {
        body.landingpage .ce-layout3 .ce-gallery .ce-column h4.boxed {
          width: 200px; } }
      body.landingpage .ce-layout3 .ce-gallery .ce-column h4.boxed a {
        display: block;
        width: 100%;
        text-decoration: none;
        padding: 5px 10px;
        color: white; }
        body.landingpage .ce-layout3 .ce-gallery .ce-column h4.boxed a:hover {
          color: #FF8C00;
          background-color: white; }
  body.landingpage .ce-layout3 .ce-gallery[data-ce-columns="2"] .ce-column {
    width: 48%; }
  body.landingpage .ce-layout3 .ce-gallery[data-ce-columns="3"] .ce-column {
    width: 32%; }
  body.landingpage .ce-layout3 .ce-gallery[data-ce-columns="4"] .ce-column {
    width: 24%; }
  @media screen and (max-width: 479px) {
    body.landingpage .ce-layout3 .ce-gallery .ce-colum {
      width: 100%; } }
  body.landingpage .service {
    /*background-image: url("../Images/service_inside.jpg");*/
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 400px;
    margin-top: 20px;
    margin-bottom: 80px; }
    @media screen and (min-width: 920px) {
      body.landingpage .service {
        height: 630px; } }
    body.landingpage .service h3 {
      font-size: 38px;
      letter-spacing: 1;
      font-weight: normal;
      color: white;
      text-transform: none;
      margin-top: 30px; }
    body.landingpage .service div {
      color: white; }
      body.landingpage .service div .ce-bodytext {
        margin-top: 90px; }
        @media screen and (min-width: 920px) {
          body.landingpage .service div .ce-bodytext {
            width: 50%;
            margin-top: 300px;
            margin-left: 50%; } }
      body.landingpage .service div a {
        color: white;
        letter-spacing: 0.2em; }

.floater {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  height: 35px;
  background-color: #FF8C00;
  padding: 10px 0 0 0;
  color: white;
  font-size: 15px;
  line-height: 1;
  @spacing ();
  /*	text-transform: uppercase;
  	letter-spacing: 0.2em;
  	font-stretch: expanded;*/ }
  .floater .content {
    max-width: 1140px;
    margin: auto; }
  .floater h5 {
    font-size: 11px;
    color: #006651;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-stretch: expanded;
    margin-bottom: 0; }
  .floater a {
    color: white; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 26.04.2017, 20:29:43
    Author     : Mark Boland <mark.boland@boland.de>
*/
.banner {
  /*	transition: all 0.4s ease;
      overflow: hidden;*/
  margin-bottom: 20px;
  /*	@media screen and (min-width: 468px) {
              height: 110px;
      }
      @media screen and (min-width: 768px) {
              height: 192px;
      }
      @media screen and (min-width: 992px) {
              height: 250px;
      }
      @media screen and (min-width: 1200px) {
              height: 300px;
              margin-bottom: 40px;
      }
      @media screen and (min-width: 1680px) {
              height: 420px;
      }*/ }
  .banner img {
    width: 100%;
    vertical-align: middle; }
  .banner .containerx {
    /*		position: relative;
    		top: 130px;
    		transition: top 0.4s ease;*/ }
    .banner .containerx .floater {
      position: absolute;
      z-index: 1;
      left: auto;
      right: 15px;
      top: 100px;
      bottom: 0;
      width: auto;
      width: -moz-fit-content;
      background-color: #006651;
      height: 200px;
      padding: 30px 15px 60px 15px;
      font-style: italic;
      text-transform: uppercase;
      font-size: 17px;
      transition: font-size 0.4s ease, padding 0.4s ease; }
      .banner .containerx .floater .head {
        color: black; }
      .banner .containerx .floater .subhead {
        color: white; }
    @media screen and (max-width: 467px) {
      .banner .containerx {
        display: none; }
        .banner .containerx .floater {
          display: none; } }
    @media screen and (min-width: 768px) {
      .banner .containerx .floater {
        padding: 10px 20px 30px 20px; } }
    @media screen and (min-width: 992px) {
      .banner .containerx .floater {
        padding: 20px 20px 40px 20px; } }
    @media screen and (min-width: 1200px) {
      .banner .containerx .floater {
        padding: 30px 20px 60px 20px;
        font-size: 21px; } }
    @media screen and (min-width: 1680px) {
      .banner .containerx .floater {
        padding: 30px 35px 60px 35px;
        font-size: 25px; } }
  .banner .carousel-caption {
    bottom: 0; }
    @media screen and (max-width: 479px) {
      .banner .carousel-caption {
        padding-bottom: 2px; } }
  .banner .carousel-indicators {
    bottom: inherit;
    top: 10px; }
    @media screen and (max-width: 479px) {
      .banner .carousel-indicators {
        top: 0; } }
  .banner .carousel-bodytext {
    /*margin-bottom: -20px;*/ }
    .banner .carousel-bodytext p {
      background-color: rgba(255, 140, 0, 0.7);
      width: max-content;
      display: inline-block;
      margin: 5px auto 0 auto;
      padding: 0 10px;
      /*font-size: 1em;*/
      text-transform: uppercase; }
      @media screen and (min-width: 480px) {
        .banner .carousel-bodytext p {
          display: inherit;
          font-size: 1.5em; }
          .banner .carousel-bodytext p:nth-child(4n+1) {
            position: relative;
            right: 10%; }
          .banner .carousel-bodytext p:nth-child(4n+3) {
            position: relative;
            left: 10%; } }
      @media screen and (min-width: 1200px) {
        .banner .carousel-bodytext p {
          margin-top: 20px;
          font-size: 2em; } }
      @media screen and (min-width: 1680px) {
        .banner .carousel-bodytext p {
          font-size: 3em; } }

.frame.frame-20::after, .frame.frame-21::after, .frame.frame-22::after, .frame.frame-25::after, .frame.frame-26::after, .frame.frame-27::after, .frame.frame-28::after {
  content: "\0020";
  background-color: #e2e2e2;
  width: 100vw;
  display: block;
  height: 105%;
  position: absolute;
  left: 50%;
  z-index: -1;
  top: -5px;
  margin-left: -50vw; }
  @media screen and (min-width: 768px) {
    .frame.frame-20::after, .frame.frame-21::after, .frame.frame-22::after, .frame.frame-25::after, .frame.frame-26::after, .frame.frame-27::after, .frame.frame-28::after {
      height: 253px;
      top: 0; } }
  @media screen and (min-width: 992px) {
    .frame.frame-20::after, .frame.frame-21::after, .frame.frame-22::after, .frame.frame-25::after, .frame.frame-26::after, .frame.frame-27::after, .frame.frame-28::after {
      height: 325px; } }
  @media screen and (min-width: 1200px) {
    .frame.frame-20::after, .frame.frame-21::after, .frame.frame-22::after, .frame.frame-25::after, .frame.frame-26::after, .frame.frame-27::after, .frame.frame-28::after {
      height: 388px; } }
.frame.frame-25::after, .frame.frame-26::after, .frame.frame-27::after {
  height: 107%; }
  @media screen and (min-width: 768px) {
    .frame.frame-25::after, .frame.frame-26::after, .frame.frame-27::after {
      height: 273px; } }
  @media screen and (min-width: 992px) {
    .frame.frame-25::after, .frame.frame-26::after, .frame.frame-27::after {
      height: 345px; } }
  @media screen and (min-width: 1200px) {
    .frame.frame-25::after, .frame.frame-26::after, .frame.frame-27::after {
      height: 408px; } }
  .frame.frame-25::after a, .frame.frame-26::after a, .frame.frame-27::after a {
    color: white; }
@media screen and (min-width: 768px) {
  .frame.frame-28::after {
    height: 331px;
    top: 0; } }
@media screen and (min-width: 992px) {
  .frame.frame-28::after {
    height: 435px; } }
@media screen and (min-width: 1200px) {
  .frame.frame-28::after {
    height: 518px; } }

.frame.frame-20::after, .frame.frame-25::after, .frame.frame-28::after {
  background-color: #e2e2e2; }

.frame.frame-21::after, .frame.frame-26::after {
  background-color: #006651; }

.frame.frame-22::after, .frame.frame-27::after {
  background-color: #FF8C00; }

/* Ken Burns Effect */
.kenburns .carousel-inner {
  height: 200px;
  overflow: hidden; }
  .kenburns .carousel-inner .item:nth-child(1) {
    animation-name: kenburns-1;
    z-index: 10; }
  .kenburns .carousel-inner .item:nth-child(2) {
    animation-name: kenburns-2;
    z-index: 9; }
  .kenburns .carousel-inner .item:nth-child(3) {
    animation-name: kenburns-3;
    z-index: 8; }
  .kenburns .carousel-inner .item:nth-child(4) {
    animation-name: kenburns-4;
    z-index: 7; }
  .kenburns .carousel-inner .item:nth-child(5) {
    animation-name: kenburns-5;
    z-index: 6; }
  .kenburns .carousel-inner .item:nth-child(6) {
    animation-name: kenburns-1;
    z-index: 5; }
  .kenburns .carousel-inner .item:nth-child(7) {
    animation-name: kenburns-3;
    z-index: 4; }
  .kenburns .carousel-inner .item:nth-child(8) {
    animation-name: kenburns-4;
    z-index: 3; }
  .kenburns .carousel-inner .item:nth-child(9) {
    animation-name: kenburns-5;
    z-index: 2; }
  .kenburns .carousel-inner .item:nth-child(10) {
    animation-name: kenburns-3;
    z-index: 1; }
.kenburns .carousel-control {
  z-index: 51; }
.kenburns .item {
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 16s;
  transform: scale(1.2); }
@media screen and (min-width: 768px) {
  .kenburns {
    height: 400px; } }
@media screen and (min-width: 992px) {
  .kenburns {
    height: 600px; } }

@keyframes kenburns-1 {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  95% {
    transform: scale3d(1.2, 1.2, 1.2) translate3d(69px, -2px, 0px);
    animation-timing-function: ease-in;
    opacity: 1; }
  100% {
    transform: scale3d(1.7, 1.7, 1.7) translate3d(-11px, -12px, 0px);
    opacity: 0; } }
@keyframes kenburns-2 {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  95% {
    transform: scale3d(1.2, 1.2, 1.2) translate3d(0px, -800px, 0px);
    animation-timing-function: ease-in;
    opacity: 1; }
  100% {
    transform: scale3d(1.7, 1.7, 1.7) translate3d(-11px, 200px, 0px);
    opacity: 0; } }
@keyframes kenburns-3 {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  95% {
    transform: scale3d(1.2, 1.2, 1.2) translate3d(69px, -2px, 0px);
    animation-timing-function: ease-in;
    opacity: 1; }
  100% {
    transform: scale3d(1.7, 1.7, 1.7) translate3d(-11px, -12px, 0px);
    opacity: 0; } }
@keyframes kenburns-4 {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  95% {
    transform: scale3d(1.2, 1.2, 1.2) translate3d(69px, -2px, 0px);
    animation-timing-function: ease-in;
    opacity: 1; }
  100% {
    transform: scale3d(1.7, 1.7, 1.7) translate3d(-11px, -12px, 0px);
    opacity: 0; } }
@keyframes kenburns-5 {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  95% {
    transform: scale3d(1.2, 1.2, 1.2) translate3d(69px, -2px, 0px);
    animation-timing-function: ease-in;
    opacity: 1; }
  100% {
    transform: scale3d(1.7, 1.7, 1.7) translate3d(-11px, -12px, 0px);
    opacity: 0; } }
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 16.07.2019, 13:04:36
    Author     : Mark Boland <mark.boland@boland.de>
*/
h3.boxed {
  margin-bottom: 5px;
  text-transform: uppercase; }

.awg-box, .awg-apps .frame {
  background-color: #baded7;
  height: 240px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .awg-box .awg-box-header a, .awg-box header a, .awg-apps .frame .awg-box-header a, .awg-apps .frame header a {
    display: block;
    width: 100%;
    height: 100%;
    /*padding: 55px 0 15px 0;*/
    background-color: #FF8C00;
    color: white;
    text-align: center;
    font-weight: normal;
    font-size: 19px; }
  .awg-box form, .awg-box a.align-bottom, .awg-apps .frame form, .awg-apps .frame a.align-bottom {
    position: absolute;
    display: block;
    bottom: 20px;
    left: 20px;
    right: 20px; }
    .awg-box form .input-group, .awg-box a.align-bottom .input-group, .awg-apps .frame form .input-group, .awg-apps .frame a.align-bottom .input-group {
      width: 100%; }
      .awg-box form .input-group input, .awg-box a.align-bottom .input-group input, .awg-apps .frame form .input-group input, .awg-apps .frame a.align-bottom .input-group input {
        width: 100%; }
  .awg-box a.align-bottom, .awg-apps .frame a.align-bottom {
    display: block;
    background-color: #006651;
    color: white;
    text-align: center;
    padding: 2px; }
  .awg-box .ce-textpic, .awg-box .ce-textimage, .awg-apps .frame .ce-textpic, .awg-apps .frame .ce-textimage {
    height: 240px;
    overflow: hidden; }
  .awg-box > div, .awg-apps .frame > div {
    padding: 80px 20px 5px 20px;
    position: static; }
  .awg-box.frame-default .ce-textpic, .awg-box.frame-default .ce-textimage, .awg-apps .frame.frame-default .ce-textpic, .awg-apps .frame.frame-default .ce-textimage {
    overflow: inherit; }
  .awg-box.frame-default > div, .awg-apps .frame.frame-default > div {
    padding: 5px 20px; }
  .awg-box.frame-default form, .awg-apps .frame.frame-default form {
    bottom: 20px; }

h2.boxed {
  color: #FF8C00;
  margin-bottom: 5px; }

.awg-news {
  margin-top: 0px;
  margin-bottom: 10px; }
  .awg-news h2 a {
    padding: 10px 20px;
    display: inline-block; }
  .awg-news .news {
    background-color: white;
    padding: 0 15px 5px 15px; }
    .awg-news .news h4 {
      text-transform: none; }
    .awg-news .news .col-md-12 {
      padding: 0 20px; }
    .awg-news .news .lead {
      font-weight: inherit;
      font-size: inherit; }
    .awg-news .news .articletype-0, .awg-news .news .articletype-1, .awg-news .news .articletype-2 {
      margin-top: 20px; }
    .awg-news .news a.news-list-more::after {
      content: ">>>";
      margin-left: 5px;
      display: inline-block; }
    @media screen and (max-width: 767px) {
      .awg-news .news {
        margin-bottom: 20px; }
        .awg-news .news a.news-list-more {
          display: block;
          background-color: #006651;
          color: white;
          text-align: center;
          padding: 2px; } }
    @media screen and (min-width: 768px) {
      .awg-news .news {
        overflow: hidden;
        height: 360px; }
        .awg-news .news .articletype-0, .awg-news .news .articletype-1, .awg-news .news .articletype-2 {
          height: 246px; }
          .awg-news .news .articletype-0 a.news-list-more, .awg-news .news .articletype-1 a.news-list-more, .awg-news .news .articletype-2 a.news-list-more {
            position: absolute;
            bottom: 20px;
            left: 20px;
            right: 20px;
            display: block;
            background-color: #006651;
            color: white;
            text-align: center;
            padding: 2px; } }
    @media screen and (min-width: 992px) {
      .awg-news .news {
        height: 350px; }
        .awg-news .news .articletype-0, .awg-news .news .articletype-1, .awg-news .news .articletype-2 {
          height: 202px; } }
    @media screen and (min-width: 1200px) {
      .awg-news .news {
        height: 360px; }
        .awg-news .news .articletype-0, .awg-news .news .articletype-1, .awg-news .news .articletype-2 {
          height: 182px; } }

.topic {
  margin-top: 20px;
  margin-bottom: 20px; }
  .topic header h1 {
    font-size: 2em;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 5%; }
  .topic header h2 {
    font-size: 2em;
    text-transform: none;
    color: white;
    text-align: right;
    font-weight: normal;
    padding-right: 5%; }
  .topic .ce-bodytext {
    text-align: right;
    color: white; }
    .topic .ce-bodytext a, .topic .ce-bodytext a:link {
      color: white; }
  @media screen and (min-width: 480px) {
    .topic h1 {
      padding-left: 10%; }
    .topic h2 {
      padding-right: 10%; } }
  @media screen and (min-width: 992px) {
    .topic header h1, .topic header h2 {
      font-size: 2.5em; } }
  @media screen and (min-width: 1200px) {
    .topic header h1, .topic header h2 {
      font-size: 3em; } }

.ce-blockad .ad {
  position: relative;
  height: 500px;
  background: transparent;
  margin-top: 100px;
  margin-bottom: 80px; }
  .ce-blockad .ad .image {
    position: absolute;
    height: 500px;
    max-width: 1170px;
    background: transparent;
    overflow: hidden; }
  .ce-blockad .ad .header {
    position: absolute;
    top: -50px;
    width: 960px;
    font-size: 17px;
    font-weight: bold;
    color: #FF8C00;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-stretch: expanded;
    /*			text-transform: uppercase;
    			letter-spacing: 0.2em;
    			text-shadow: 2px 2px 4px black; */ }
  .ce-blockad .ad .text {
    position: absolute;
    right: 40px;
    top: -40px;
    z-index: 5;
    width: 330px;
    max-height: 500px;
    padding: 20px;
    background-color: #006651;
    font-size: 15px; }
    .ce-blockad .ad .text h5 {
      color: white;
      font-size: 18px;
      font-weight: normal;
      line-height: 1.4;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      margin-bottom: 30px; }
    .ce-blockad .ad .text .links {
      z-index: 2;
      margin-left: 60px;
      margin-top: 40px;
      width: 300px; }
      .ce-blockad .ad .text .links a {
        display: inline-block;
        outline: 1px solid white;
        min-width: 200px;
        text-transform: uppercase;
        color: white;
        padding: 2px 10px;
        text-decoration: none;
        font-size: 17px;
        margin-bottom: 20px; }
      .ce-blockad .ad .text .links a:hover {
        background-color: white;
        color: #006651; }
      .ce-blockad .ad .text .links a:after {
        content: "\0020>>>";
        display: inline-block; }
.ce-blockad.layout2::before {
  position: absolute;
  background-color: #eee;
  content: "\0020";
  left: -50px;
  right: -50px;
  height: 540px;
  z-index: -1;
  margin: -20px 0; }
.ce-blockad.layout2 .ad {
  margin-top: 40px;
  margin-bottom: 40px; }
@media screen and (max-width: 767px) {
  .ce-blockad {
    display: none; } }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 10.05.2017, 16:29:17
    Author     : Mark Boland <mark.boland@boland.de>
*/
h1 .header {
  margin-left: 15px;
  font-size: 1.1em;
  letter-spacing: 0.2em; }
h1 .subheader {
  font-size: 1.1em;
  letter-spacing: 0.2em;
  color: #999; }

.tx-bwproduct-pi1 .item {
  margin-top: 40px;
  margin-bottom: 90px; }
  .tx-bwproduct-pi1 .item .title h3, .tx-bwproduct-pi1 .item .title h4 {
    font-weight: bold;
    color: #999; }
  .tx-bwproduct-pi1 .item .text {
    margin-top: 20px;
    color: #999; }
  .tx-bwproduct-pi1 .item .media a:nth-child(2n+1) {
    margin-right: 10px; }
  .tx-bwproduct-pi1 .item .media a img {
    margin-bottom: 10px; }
  .tx-bwproduct-pi1 .item .row {
    margin-top: 20px; }
    .tx-bwproduct-pi1 .item .row .inquiry {
      background-color: #999; }
    .tx-bwproduct-pi1 .item .row .mail-inquiry, .tx-bwproduct-pi1 .item .row .more-info {
      background-color: #006651; }
    .tx-bwproduct-pi1 .item .row .contact {
      background-color: #FF8C00;
      color: white; }
    .tx-bwproduct-pi1 .item .row .btn {
      width: 100%;
      font-style: italic;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-stretch: expanded;
      text-align: left;
      margin-bottom: 5px; }
  .tx-bwproduct-pi1 .item .accordeons {
    margin-top: 20px; }
    .tx-bwproduct-pi1 .item .accordeons .panel {
      border-radius: 0; }
      .tx-bwproduct-pi1 .item .accordeons .panel a {
        display: inline-block;
        width: 100%;
        color: white; }
        .tx-bwproduct-pi1 .item .accordeons .panel a .panel-heading {
          background-color: #FF8C00; }
          .tx-bwproduct-pi1 .item .accordeons .panel a .panel-heading h4 {
            color: white;
            text-decoration: none; }
        .tx-bwproduct-pi1 .item .accordeons .panel a.collapsed .panel-heading {
          background-color: #006651; }
        .tx-bwproduct-pi1 .item .accordeons .panel a:hover .panel-heading {
          background-color: #999; }
      .tx-bwproduct-pi1 .item .accordeons .panel:nth-child(4) .panel-heading {
        background-color: #FF8C00; }
    @media screen and (max-width: 479px) {
      .tx-bwproduct-pi1 .item .accordeons {
        display: none; } }
  .tx-bwproduct-pi1 .item + .item::before {
    border-top: 20px solid #eee;
    content: "\0020";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -60px; }

/*
    Created on : 26.06.2017, 17:57:27
    Author     : Mark Boland <mark.boland@boland.de>
*/
.tx-powermail {
  background-color: #E5F0ED;
  margin-top: 20px;
  margin-bottom: 20px; }
  .tx-powermail .powermail_fieldset {
    margin-top: 20px; }
  .tx-powermail label.control-label {
    text-align: inherit; }
  .tx-powermail .layout1 .checkbox {
    width: 48.5%;
    float: left;
    margin-left: 15px;
    margin-bottom: 10px; }
    .tx-powermail .layout1 .checkbox:nth-child(2n+1) {
      display: inline; }
    @media screen and (max-width: 767px) {
      .tx-powermail .layout1 .checkbox {
        width: auto; } }
  .tx-powermail .form-group {
    width: 48%;
    float: left; }
    .tx-powermail .form-group > label {
      width: 100%; }
    .tx-powermail .form-group.no-label label {
      display: none; }
    .tx-powermail .form-group.layout1 {
      float: inherit;
      width: 95%; }
    .tx-powermail .form-group.fullwidth {
      width: 100%; }
    .tx-powermail .form-group.half, .tx-powermail .form-group.third, .tx-powermail .form-group.fourth, .tx-powermail .form-group.fifth, .tx-powermail .form-group.sixth, .tx-powermail .form-group.eighth {
      width: 100%; }
    @media screen and (min-width: 1200px) {
      .tx-powermail .form-group.half {
        width: 50%; }
      .tx-powermail .form-group.third {
        width: 32%; }
      .tx-powermail .form-group.fourth {
        width: 24%; }
      .tx-powermail .form-group.fifth {
        width: 19%; }
      .tx-powermail .form-group.sixth {
        width: 16%; }
      .tx-powermail .form-group.eighth {
        width: 14%; } }
    @media screen and (max-width: 1023px) {
      .tx-powermail .form-group {
        width: 47%; } }
    @media screen and (max-width: 767px) {
      .tx-powermail .form-group {
        width: 100%;
        float: inherit; } }
  .tx-powermail .awg_first_100 .form-group:nth-child(1) {
    width: 100%;
    float: inherit; }
  .tx-powermail input[type="submit"] {
    background-color: #006651;
    width: 100%;
    border-radius: 0; }
    .tx-powermail input[type="submit"][disabled]:hover {
      background-color: #006651; }
  .tx-powermail .form-horizontal .form-group {
    margin-right: 15px;
    margin-left: 0;
    margin-bottom: 30px; }
  .tx-powermail input.powermail_input.animate {
    animation-name: powermailfield;
    animation-duration: 2s;
    /*		background-color: $accent1;
            transition: background-color ease-in-out 1s;*/ }
  .tx-powermail input[type="range"] {
    float: left;
    display: inline-block;
    width: 90%; }
    @media screen and (min-width: 1200px) {
      .tx-powermail input[type="range"] {
        width: 95%; } }
  .tx-powermail .rangevalue {
    border: 1px solid #666;
    padding: 3px 5px;
    background-color: #eee;
    float: right; }
  @media screen and (min-width: 1200px) {
    .tx-powermail .awg_row:after {
      clear: both;
      content: "\0020";
      display: inline-block;
      height: 1px; }
    .tx-powermail .awg_row > div > div {
      display: inline-block;
      margin-right: 18px; } }
  .tx-powermail .awg_container {
    width: 100%;
    /*		& > div .radio:nth-child(1) label::before {
                    background-image: url(../Images/Absetzkippermulde_1.svg);
                    background-size:	27% auto;
            }*/ }
    .tx-powermail .awg_container .radio label {
      width: 100%;
      height: 200px;
      text-align: center; }
      .tx-powermail .awg_container .radio label::before {
        content: "\0020";
        display: block;
        width: 100%;
        height: 100px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center bottom;
        margin-bottom: 10px; }
    .tx-powermail .awg_container > div .radio:nth-child(1) label::before {
      background-image: url(../Images/Absetzkippermulde_7_Sperrmuell.svg);
      background-size: 55% auto; }
    .tx-powermail .awg_container > div .radio:nth-child(2) label::before {
      background-image: url(../Images/Absetzkippermulde_10.svg);
      background-size: 65% auto; }
    .tx-powermail .awg_container > div .radio:nth-child(3) label::before {
      background-image: url(../Images/Absetzkippermulde_8.svg);
      background-size: 55% auto; }
    .tx-powermail .awg_container > div .radio:nth-child(4) label::before {
      background-image: url(../Images/Abrollkippermulde_33.svg);
      background-size: 88% auto; }
    @media screen and (min-width: 480px) and (max-width: 767px) {
      .tx-powermail .awg_container .radio {
        height: 300px; }
        .tx-powermail .awg_container .radio label::before {
          /*				width: 50%; */
          height: 300px; } }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .tx-powermail .awg_container .radio {
        height: 300px; }
        .tx-powermail .awg_container .radio label::before {
          /*				width: 50%; */
          height: 300px; } }
    @media screen and (min-width: 1024px) {
      .tx-powermail .awg_container .radio {
        width: 49%;
        float: left; }
        .tx-powermail .awg_container .radio label::before {
          background-size: auto 100%;
          height: 150px; }
          .tx-powermail .awg_container .radio label::before > div .radio:nth-child(1) label::before {
            background-size: auto 68%; }
          .tx-powermail .awg_container .radio label::before > div .radio:nth-child(2) label::before {
            background-size: auto 68%; }
          .tx-powermail .awg_container .radio label::before > div .radio:nth-child(3) label::before {
            background-size: auto 70%; }
          .tx-powermail .awg_container .radio label::before > div .radio:nth-child(4) label::before {
            background-size: auto 75%; }
          .tx-powermail .awg_container .radio label::before > div .radio:nth-child(5) label::before {
            background-size: auto 85%; } }
    @media screen and (min-width: 1200px) {
      .tx-powermail .awg_container .radio label::before {
        height: 200px; } }
  .tx-powermail .awg_bins legend {
    display: none; }
  .tx-powermail .awg_bins .powermail_fieldwrap::before {
    content: "\0020";
    display: inline-block;
    float: left;
    width: 43px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: 540px 70px;
    background-position: 200px 0;
    margin-bottom: 10px;
    background-image: url(../Images/iconset-bins.svg); }
  .tx-powermail .awg_bins .awg_bin_gray::before {
    background-position: 0 0;
    /*			background-image: url(../Images/Absetzkippermulde_1.svg);
                background-size:	27% auto;*/ }
  .tx-powermail .awg_bins .awg_bin_blue::before {
    background-position: -43px 0;
    /*			background-image: url(../Images/Absetzkippermulde_7_Sperrmuell.svg);
                background-size:	55% auto;*/ }
  .tx-powermail .awg_bins .awg_bin_brown::before {
    background-position: -86px 0;
    /*			background-image: url(../Images/Absetzkippermulde_10.svg);
                background-size:65% auto;*/ }
  .tx-powermail .awg_bins .awg_bin_yellow::before {
    background-position: -129px 0;
    /*			background-image: url(../Images/Abrollkippermulde_22.svg);
                background-size:	84% auto;*/ }
  .tx-powermail .awg_bins .awg_bin_business_yellow::before {
    background-position: -172px 0;
    width: 86px;
    /*			background-image: url(../Images/Abrollkippermulde_33.svg);
                background-size:	88% auto;*/ }
  .tx-powermail .awg_bins.bin_error input {
    outline: 1px solid red; }
  .tx-powermail .awg_bins.bin_error:after {
    content: "Wenigstens ein Feld muss eine Angabe enthalten. Keines darf mehr als 5 enthalten";
    color: red; }

@keyframes powermailfield {
  from {
    background-color: #FF8C00; }
  to {
    background-color: #fff; } }
/*
(c) 2019, 2022 Boland Werbung
*/
/*
    Created on : 07.08.2019, 15:17:51
    Author     : Mark Boland <mark.boland@boland.de>
*/
.awg-apps .frame {
  position: relative;
  margin-top: 95px; }
  .awg-apps .frame.frame-default {
    position: inherit;
    margin-top: inherit; }
  .awg-apps .frame.frame-50 {
    /* OK */ }
    .awg-apps .frame.frame-50 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-50 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-50:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px 0px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-50:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-50:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-50:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-50:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-50:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-51 {
    /* Company */ }
    .awg-apps .frame.frame-51 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-51 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-51:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -125px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-51:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-51:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-51:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-51:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-51:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-52 {
    /* Carrier */ }
    .awg-apps .frame.frame-52 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-52 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-52:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -250px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-52:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-52:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-52:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-52:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-52:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-53 {
    /* Container */ }
    .awg-apps .frame.frame-53 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-53 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-53:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -375px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-53:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-53:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-53:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-53:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-53:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-54 {
    /* Bin */ }
    .awg-apps .frame.frame-54 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-54 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-54:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -500px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
    .awg-apps .frame.frame-54.Allgemein:before {
      background-image: url("../Icons/Kontakt_AWG.png");
      background-size: 100%;
      background-position: 0 0;
      border: none;
    }
    .awg-apps .frame.frame-54.Sperrmüll:before {
      background-image: url("../Icons/Sperrmuell.png");
      background-size: 100%;
      background-position: 0 0;
    }
    .awg-apps .frame.frame-54.Kippen:before {
      background-image: url("../Icons/Wilde_Kippe.png");
      background-size: 100%;
      background-position: 0 0;
      border: none;
    }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-54:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-54:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-54:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-54:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-54:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-55 {
    /* Marker */ }
    .awg-apps .frame.frame-55 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-55 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-55:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -625px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-55:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-55:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-55:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-55:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-55:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-56 {
    /* Milk box */ }
    .awg-apps .frame.frame-56 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-56 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-56:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -750px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-56:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-56:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-56:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-56:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-56:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-57 {
    /* Battery */ }
    .awg-apps .frame.frame-57 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-57 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-57:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px 0px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-57:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-57:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-57:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-57:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-57:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-58 {
    /* Apple core */ }
    .awg-apps .frame.frame-58 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-58 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-58:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -125px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-58:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-58:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-58:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-58:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-58:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-59 {
    /* Plastic bottle */ }
    .awg-apps .frame.frame-59 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-59 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-59:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -250px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-59:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-59:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-59:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-59:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-59:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-60 {
    /* Tin can */ }
    .awg-apps .frame.frame-60 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-60 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-60:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -375px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-60:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-60:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-60:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-60:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-60:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-61 {
    /* Recycling */ }
    .awg-apps .frame.frame-61 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-61 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-61:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/Icon_WVW_gelb.svg");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      //background-size: 250px 2500px;
      //background-position: -125px -500px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-61:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-61:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-61:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-61:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-61:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-62 {
    /* Glass bottle */ }
    .awg-apps .frame.frame-62 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-62 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-62:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -625px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-62:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-62:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-62:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-62:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-62:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-63 {
    /* Document */ }
    .awg-apps .frame.frame-63 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-63 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-63:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -750px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-63:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-63:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-63:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-63:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-63:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-64 {
    /* Waste calendar */ }
    .awg-apps .frame.frame-64 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-64 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-64:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -875px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-64:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-64:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-64:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-64:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-64:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-65 {
    /* Car recycling */ }
    .awg-apps .frame.frame-65 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-65 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-65:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/Icon_BRA_gruen.svg");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      //background-size: 250px 2500px;
      //background-position: -125px -875px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-65:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-65:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-65:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-65:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-65:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-66 {
    /* Recycling locations */ }
    .awg-apps .frame.frame-66 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-66 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-66:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -1000px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-66:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-66:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-66:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-66:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-66:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-67 {
    /* Waste ABC */ }
    .awg-apps .frame.frame-67 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-67 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-67:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -1000px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-67:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-67:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-67:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-67:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-67:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-68 {
    /* Bulk waste */ }
    .awg-apps .frame.frame-68 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-68 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-68:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -1125px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-68:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-68:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-68:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-68:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-68:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-69 {
    /* Bin service */ }
    .awg-apps .frame.frame-69 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-69 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-69:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -1125px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-69:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-69:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-69:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-69:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-69:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-70 {
    /* Calendar blue */ }
    .awg-apps .frame.frame-70 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-70 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-70:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -1250px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-70:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-70:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-70:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-70:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-70:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-71 {
    /* Calendar green */ }
    .awg-apps .frame.frame-71 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-71 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-71:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -1250px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-71:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-71:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-71:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-71:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-71:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-72 {
    /* Waste truck */ }
    .awg-apps .frame.frame-72 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-72 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-72:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -1375px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-72:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-72:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-72:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-72:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-72:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-73 {
    /* Document darker gray */ }
    .awg-apps .frame.frame-73 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-73 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-73:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -1375px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-73:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-73:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-73:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-73:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-73:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-74 {
    /* User */ }
    .awg-apps .frame.frame-74 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-74 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-74:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -1500px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-74:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-74:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-74:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-74:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-74:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-75 {
    /* Euro */ }
    .awg-apps .frame.frame-75 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-75 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-75:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -1500px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-75:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-75:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-75:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-75:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-75:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-76 {
    /* Phone */ }
    .awg-apps .frame.frame-76 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-76 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-76:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -1625px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-76:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-76:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-76:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-76:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-76:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-77 {
    /* Info */ }
    .awg-apps .frame.frame-77 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-77 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-77:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -1625px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-77:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-77:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-77:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-77:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-77:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-78 {
    /* Group */ }
    .awg-apps .frame.frame-78 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-78 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-78:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -1750px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-78:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-78:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-78:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-78:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-78:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-79 {
    /* Folder */ }
    .awg-apps .frame.frame-79 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-79 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-79:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -1750px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-79:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-79:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-79:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-79:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-79:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-80 {
    /* EDP */ }
    .awg-apps .frame.frame-80 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-80 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-80:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -1875px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-80:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-80:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-80:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-80:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-80:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-81 {
    /* Document brown */ }
    .awg-apps .frame.frame-81 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-81 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-81:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: -125px -1875px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-81:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-81:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-81:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-81:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-81:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-82 {
    /* Betriebsrat */ }
    .awg-apps .frame.frame-82 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-82 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-82:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -2000px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-82:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-82:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-82:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-82:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-82:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-83 {
    /* Management */ }
    .awg-apps .frame.frame-83 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-83 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-83:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -2125px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-83:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-83:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-83:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-83:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-83:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-85 {
    /* Accessibility */ }
    .awg-apps .frame.frame-85 header {
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .awg-apps .frame.frame-85 header a {
        display: block;
        background-color: #FF8C00;
        color: white;
        padding: 30px 0 15px 0;
        text-align: center;
        font-size: 19px;
        font-weight: normal; }
    .awg-apps .frame.frame-85:before {
      position: absolute;
      top: -70px;
      background-image: url("../Icons/icon-category-sprites.svg?221109");
      background-repeat: no-repeat;
      width: 90px;
      height: 90px;
      display: block;
      content: "\0020";
      background-size: 250px 2500px;
      background-position: 0px -2250px;
      border: 5px solid white;
      border-radius: 95px;
      z-index: 10; }
      @media screen and (max-width: 767px) {
        .awg-apps .frame.frame-85:before {
          margin-top: 0;
          left: 38%; } }
      @media screen and (min-width: 480px) {
        .awg-apps .frame.frame-85:before {
          left: 43%; } }
      @media screen and (min-width: 768px) {
        .awg-apps .frame.frame-85:before {
          top: -110px;
          left: inherit;
          margin-left: 123px;
          margin-top: 40px; } }
      @media screen and (min-width: 992px) {
        .awg-apps .frame.frame-85:before {
          margin-left: 102px;
          margin-top: 40px;
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        .awg-apps .frame.frame-85:before {
          margin-left: 133px;
          margin-top: 40px;
          margin-bottom: 40px; } }
  .awg-apps .frame.frame-type-menu_subpages > ul {
    display: none; }
  .awg-apps .frame.frame-type-menu_subpages:hover > ul {
    display: block;
    width: 92%;
    position: absolute;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.9);
    list-style-type: none;
    margin-left: 0; }
    .awg-apps .frame.frame-type-menu_subpages:hover > ul > li {
      margin-bottom: 10px; }

.awg-news .frame {
  margin-top: 20px; }
  .awg-news .frame.frame-default {
    margin-top: inherit; }
  @media screen and (min-width: 768px) {
    .awg-news .frame {
      margin-top: inherit; } }

.result-list-item-type-collectionindexer .result-title:before {
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "\0020";
  background-image: url("../Icons/icon-category-sprites.svg?20220504a");
  background-repeat: no-repeat;
  background-size: 100px 750px;
  background-position: 0px -350px;
  vertical-align: middle;
  margin: 2px 5px; }

.result-list-item-type-corkindexer .result-title:before {
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "\0020";
  background-image: url("../Icons/icon-category-sprites.svg?20220504a");
  background-repeat: no-repeat;
  background-size: 100px 750px;
  background-position: 0px -400px;
  vertical-align: middle;
  margin: 2px 5px; }

.result-list-item-type-pricelistindexer .result-title:before {
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "\0020";
  background-image: url("../Icons/icon-category-sprites.svg?20220504a");
  background-repeat: no-repeat;
  background-size: 100px 750px;
  background-position: -50px -300px;
  vertical-align: middle;
  margin: 2px 5px; }

.result-list-item-type-electroindexer .result-title:before {
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "\0020";
  background-image: url("../Icons/icon-category-sprites.svg?20220504a");
  background-repeat: no-repeat;
  background-size: 100px 750px;
  background-position: -50px -200px;
  vertical-align: middle;
  margin: 2px 5px; }

.result-list-item-type-greencollectionindexer .result-title:before {
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "\0020";
  background-image: url("../Icons/icon-category-sprites.svg?20220504a");
  background-repeat: no-repeat;
  background-size: 100px 750px;
  background-position: 0px -350px;
  vertical-align: middle;
  margin: 2px 5px; }

.result-list-item-type-wastebagsindexer .result-title:before {
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "\0020";
  background-image: url("../Icons/icon-category-sprites.svg?20220504a");
  background-repeat: no-repeat;
  background-size: 100px 750px;
  background-position: 0px -200px;
  vertical-align: middle;
  margin: 2px 5px; }

.result-list-item-type-biobagsindexer .result-title:before {
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "\0020";
  background-image: url("../Icons/icon-category-sprites.svg?20220504a");
  background-repeat: no-repeat;
  background-size: 100px 750px;
  background-position: -50px -200px;
  vertical-align: middle;
  margin: 2px 5px; }

.result-list-item-type-locationindexer .result-title:before {
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "\0020";
  background-image: url("../Icons/icon-category-sprites.svg?20220504a");
  background-repeat: no-repeat;
  background-size: 100px 750px;
  background-position: -50px -250px;
  vertical-align: middle;
  margin: 2px 5px; }

.result-list-item-type-glossaryindexer .result-title:before {
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "\0020";
  background-image: url("../Icons/icon-category-sprites.svg?20220504a");
  background-repeat: no-repeat;
  background-size: 100px 750px;
  background-position: -50px -400px;
  vertical-align: middle;
  margin: 2px 5px; }

.result-list-item-type-wastebagsindexer .result-title:before {
  width: 43px;
  height: 43px;
  display: inline-block;
  content: "\0020";
  background-image: url("../Icons/icon-category-sprites.svg?20220504a");
  background-repeat: no-repeat;
  background-size: 100px 750px;
  background-position: 0px -100px;
  vertical-align: middle;
  margin: 2px 5px; }

.bin::before {
  content: "\0020";
  display: inline-block;
  width: 21px;
  height: 35px;
  background-repeat: no-repeat;
  background-size: 265px 35px;
  background-position: 200px 0;
  background-image: url(../Images/iconset-bins.svg); }
.bin.bin-grey::before {
  background-position: 0 0; }
.bin.bin-grey50::before {
  background-position: -198px 0; }
.bin.bin-paper::before {
  background-position: -21px 0; }
.bin.bin-paper1::before {
  background-position: -128px 0; }
.bin.bin-paper2::before {
  background-position: -150px 0; }
.bin.bin-bio::before {
  background-position: -43px 0; }
.bin.bin-yellow::before {
  background-position: -64px 0; }
.bin.bin-xmas::before {
  background-position: -176px 0; }
.bin.bin-bulk::before {
  background-position: -220px 0; }
.bin.bin-greencollection::before {
  background-position: -244px 0; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 18.11.2019, 09:12:52
    Author     : Mark Boland <mark.boland@boland.de>
*/
.tx-bwglossary-list {
  margin-top: 20px; }
  .tx-bwglossary-list .tx-bwglossary-group + .tx-bwglossary-group {
    margin-top: 20px; }
  @media screen and (min-width: 1200px) {
    .tx-bwglossary-list {
      column-count: 2; } }

.tx-bwglossary-detail h2 {
  background-color: #006651;
  color: white;
  padding: 5px 10px;
  margin-top: 20px; }
.tx-bwglossary-detail .tx-bwglossary-description > div, .tx-bwglossary-detail .tx-bwglossary-description2 > div {
  background-color: #baded7;
  padding: 20px;
  margin-bottom: 20px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 22.08.2019, 19:23:49
    Author     : Mark Boland <mark.boland@boland.de>
*/
.panel-group .panel {
  /*		.panel-title::after {
  			content: "\3009";
  			display: inline-block;
  			float: right;
  			font-weight: bold;
  			font-size: 17px;
  		}*/ }
  .panel-group .panel .collapsed .panel-title:after {
    /* symbol for "collapsed" panels */
    content: "\e080";
    /* adjust as needed, taken from bootstrap.css */ }
  .panel-group .panel .panel-title {
    color: white;
    margin-bottom: 0;
    /*float: left;*/ }
    .panel-group .panel .panel-title:after {
      /* symbol for "opening" panels */
      font-family: 'Glyphicons Halflings';
      /* essential for enabling glyphicon */
      content: "\e114";
      /* adjust as needed, taken from bootstrap.css */
      float: right;
      /* adjust as needed */
      color: white;
      /* adjust as needed */ }
  .panel-group .panel .panel-heading {
    border-radius: 0;
    background-color: #006651;
    color: white; }
    .panel-group .panel .panel-heading .panel-icon {
      margin-right: 10px; }

.carousel-home .carousel-image {
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 16s;
  transform: scale(1.2); }

.carousel-home .carousel-image {
  animation-name: kenburns-toleft;
  z-index: 3; }

@keyframes kenburns-toright {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  95% {
    transform: scale3d(1.2, 1.2, 1.2) translate3d(69px, -2px, 0px);
    animation-timing-function: ease-in;
    opacity: 1; }
  100% {
    transform: scale3d(1.7, 1.7, 1.7) translate3d(-11px, -12px, 0px);
    opacity: 0; } }
@keyframes kenburns-toleft {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  95% {
    transform: scale3d(1.2, 1.2, 1.2) translate3d(-69px, -2px, 0px);
    animation-timing-function: ease-in;
    opacity: 1; }
  100% {
    transform: scale3d(1.7, 1.7, 1.7) translate3d(-11px, -12px, 0px);
    opacity: 0; } }
@keyframes kenburns-3 {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  95% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(69px, -2px, 0px);
    animation-timing-function: ease-in;
    opacity: 1; }
  100% {
    transform: scale3d(1.7, 1.7, 1.7) translate3d(-11px, -12px, 0px);
    opacity: 0; } }
.marker-check {
  text-indent: -1.1em;
  padding-left: 2em;
  margin-left: 0;
  list-style: none; }
  .marker-check li {
    margin-bottom: 0.2em; }
    .marker-check li::before {
      content: "\2713";
      color: green;
      font-size: 1.1em;
      width: 1em;
      text-align: center;
      display: inline-block; }
  @media screen and (min-width: 1024px) {
    .marker-check {
      padding-left: 4em; } }

.marker-cross {
  text-indent: -1.1em;
  padding-left: 2em;
  margin-left: 0;
  list-style: none; }
  .marker-cross li {
    margin-bottom: 0.2em; }
    .marker-cross li::before {
      content: "\2717";
      color: red;
      font-size: 1.1em;
      width: 1em;
      text-align: center;
      display: inline-block; }
  @media screen and (min-width: 1024px) {
    .marker-cross {
      padding-left: 4em; } }

table.awg-locations, table.awg-dates, table.awg-career {
  width: 100%; }
  table.awg-locations td, table.awg-locations th, table.awg-dates td, table.awg-dates th, table.awg-career td, table.awg-career th {
    padding: 10px; }
    table.awg-locations td p, table.awg-locations th p, table.awg-dates td p, table.awg-dates th p, table.awg-career td p, table.awg-career th p {
      margin-bottom: 0; }
    table.awg-locations td p + p, table.awg-locations th p + p, table.awg-dates td p + p, table.awg-dates th p + p, table.awg-career td p + p, table.awg-career th p + p {
      margin-bottom: 10px; }
    @media screen and (max-width: 479px) {
      table.awg-locations td, table.awg-locations th, table.awg-dates td, table.awg-dates th, table.awg-career td, table.awg-career th {
        display: block;
        width: 100%; } }
  table.awg-locations thead th, table.awg-dates thead th, table.awg-career thead th {
    background-color: #006651;
    color: white; }
  table.awg-locations tbody tr:nth-child(even), table.awg-dates tbody tr:nth-child(even), table.awg-career tbody tr:nth-child(even) {
    background-color: #baded7; }
  table.awg-locations.compact td, table.awg-locations.compact th, table.awg-dates.compact td, table.awg-dates.compact th, table.awg-career.compact td, table.awg-career.compact th {
    padding: 3px 10px; }

table.awg-career td, table.awg-career th {
  padding: 10px; }

/*
    Created on : 23.01.2020, 10:55:09
    Author     : Mark Boland <mark.boland@boland.de>
*/
.tx-bwwastecalendar-calendar .modeswitch {
  margin-top: -5px; }
  @media screen and (max-width: 767px) {
    .tx-bwwastecalendar-calendar .modeswitch {
      float: inherit !important;
      margin: 20px 0; } }
.tx-bwwastecalendar-calendar .legend {
  margin-bottom: 40px; }
  .tx-bwwastecalendar-calendar .legend span {
    margin-right: 20px;
    display: block; }
    .tx-bwwastecalendar-calendar .legend span i {
      margin-right: 5px; }
    @media screen and (min-width: 768px) {
      .tx-bwwastecalendar-calendar .legend span {
        display: inline-block;
        width: 45%; } }
    @media screen and (min-width: 992px) {
      .tx-bwwastecalendar-calendar .legend span {
        width: 30%; } }
    @media screen and (min-width: 1200px) {
      .tx-bwwastecalendar-calendar .legend span {
        width: inherit; } }
.tx-bwwastecalendar-calendar .calendar-list .month {
  display: table;
  width: 100%;
  margin-bottom: 40px; }
.tx-bwwastecalendar-calendar .calendar-list .day {
  height: 50px;
  background-color: #f0f0f0;
  padding: 5px;
  vertical-align: bottom; }
  .tx-bwwastecalendar-calendar .calendar-list .day:nth-child(even) {
    background-color: #baded7; }
.tx-bwwastecalendar-calendar .calendar-week .week {
  display: table;
  width: 100%;
  margin-bottom: 40px; }
.tx-bwwastecalendar-calendar .calendar-week .day {
  height: 50px;
  background-color: #f0f0f0;
  padding: 5px;
  vertical-align: bottom; }
  .tx-bwwastecalendar-calendar .calendar-week .day:nth-child(even) {
    background-color: #baded7; }
.tx-bwwastecalendar-calendar .calendar-month .month {
  margin-bottom: 40px; }
.tx-bwwastecalendar-calendar .calendar-month table {
  width: 100%;
  border-collapse: collapse; }
  .tx-bwwastecalendar-calendar .calendar-month table th, .tx-bwwastecalendar-calendar .calendar-month table td {
    width: 12.5%;
    padding: 5px; }
  .tx-bwwastecalendar-calendar .calendar-month table thead th {
    background-color: #006651;
    color: white; }
  .tx-bwwastecalendar-calendar .calendar-month table tbody th, .tx-bwwastecalendar-calendar .calendar-month table tbody td {
    border: 1px solid darkgray;
    vertical-align: top;
    height: 100px; }
  .tx-bwwastecalendar-calendar .calendar-month table .daynumber {
    margin-bottom: 5px; }
.tx-bwwastecalendar-calendar .holiday.disabled {
  color: coral; }
.tx-bwwastecalendar-calendar .disabled {
  color: darkgrey; }
.tx-bwwastecalendar-calendar .holiday {
  color: red;
  font-weight: bold; }
.tx-bwwastecalendar-calendar .today {
  background-color: #baded7; }
.tx-bwwastecalendar-calendar .text {
  display: none;
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  white-space: pre; }
  @media screen and (min-width: 1200px) {
    .tx-bwwastecalendar-calendar .text {
      display: inline-block; } }
.tx-bwwastecalendar-calendar .bin[onclick] {
  cursor: pointer; }

/*
	Reservation
    Created on : 24.12.2019, 11:22:35
    Author     : mark
*/
.tx-bwreservation-reservation .form-horizontal {
  margin-bottom: 20px; }
.tx-bwreservation-reservation .calendar-list .week {
  display: table;
  width: 100%;
  margin-bottom: 40px; }
.tx-bwreservation-reservation .calendar-list .day {
  height: 50px;
  background-color: #f0f0f0;
  padding: 5px;
  vertical-align: bottom; }
  .tx-bwreservation-reservation .calendar-list .day:nth-child(even) {
    background-color: #baded7; }
.tx-bwreservation-reservation .calendar-month .color1 {
  background-color: #ff0000; }
  .tx-bwreservation-reservation .calendar-month .color1.disabled {
    background-color: #ff8080; }
.tx-bwreservation-reservation .calendar-month .color2 {
  background-color: #ffcc00; }
  .tx-bwreservation-reservation .calendar-month .color2.disabled {
    background-color: #ffe680; }
.tx-bwreservation-reservation .calendar-month .color3 {
  background-color: #ffee00;
  color: black !important; }
  .tx-bwreservation-reservation .calendar-month .color3.disabled {
    background-color: #fff780; }
.tx-bwreservation-reservation .calendar-month .color4 {
  background-color: #66dd00; }
  .tx-bwreservation-reservation .calendar-month .color4.disabled {
    background-color: #a8ff5e; }
.tx-bwreservation-reservation .calendar-month .color5 {
  background-color: #00bbee; }
  .tx-bwreservation-reservation .calendar-month .color5.disabled {
    background-color: #6fe0ff; }
.tx-bwreservation-reservation .calendar-month .color6 {
  background-color: #0066ff; }
  .tx-bwreservation-reservation .calendar-month .color6.disabled {
    background-color: #80b3ff; }
.tx-bwreservation-reservation .calendar-month .color7 {
  background-color: #0000ff; }
  .tx-bwreservation-reservation .calendar-month .color7.disabled {
    background-color: #8080ff; }
.tx-bwreservation-reservation .calendar-month .color8 {
  background-color: #990099; }
  .tx-bwreservation-reservation .calendar-month .color8.disabled {
    background-color: #ff1aff; }
.tx-bwreservation-reservation .calendar-month .month {
  margin-bottom: 40px;
  position: relative; }
  .tx-bwreservation-reservation .calendar-month .month.x2 table tbody th, .tx-bwreservation-reservation .calendar-month .month.x2 td {
    height: 200px; }
  .tx-bwreservation-reservation .calendar-month .month.x2 .reservation[data-week="1"] {
    top: 106px; }
  .tx-bwreservation-reservation .calendar-month .month.x2 .reservation[data-week="2"] {
    top: 307px; }
  .tx-bwreservation-reservation .calendar-month .month.x2 .reservation[data-week="3"] {
    top: 508px; }
  .tx-bwreservation-reservation .calendar-month .month.x2 .reservation[data-week="4"] {
    top: 709px; }
  .tx-bwreservation-reservation .calendar-month .month.x2 .reservation[data-week="5"] {
    top: 910px; }
  .tx-bwreservation-reservation .calendar-month .month.x2 .reservation[data-week="6"] {
    top: 1111px; }
  .tx-bwreservation-reservation .calendar-month .month.x3 table tbody th, .tx-bwreservation-reservation .calendar-month .month.x3 td {
    height: 400px; }
  .tx-bwreservation-reservation .calendar-month .month.x3 .reservation[data-week="1"] {
    top: 106px; }
  .tx-bwreservation-reservation .calendar-month .month.x3 .reservation[data-week="2"] {
    top: 507px; }
  .tx-bwreservation-reservation .calendar-month .month.x3 .reservation[data-week="3"] {
    top: 908px; }
  .tx-bwreservation-reservation .calendar-month .month.x3 .reservation[data-week="4"] {
    top: 1309px; }
  .tx-bwreservation-reservation .calendar-month .month.x3 .reservation[data-week="5"] {
    top: 1710px; }
  .tx-bwreservation-reservation .calendar-month .month.x3 .reservation[data-week="6"] {
    top: 2111px; }
.tx-bwreservation-reservation .calendar-month table {
  width: 100%;
  border-collapse: collapse; }
  .tx-bwreservation-reservation .calendar-month table th, .tx-bwreservation-reservation .calendar-month table td {
    width: 12.5%;
    padding: 5px; }
  .tx-bwreservation-reservation .calendar-month table thead th {
    background-color: #006651;
    color: white; }
  .tx-bwreservation-reservation .calendar-month table tbody th, .tx-bwreservation-reservation .calendar-month table tbody td {
    border: 1px solid darkgray;
    vertical-align: top;
    height: 100px; }
  .tx-bwreservation-reservation .calendar-month table .daynumber {
    margin-bottom: 5px; }
.tx-bwreservation-reservation .calendar-month .reservation {
  position: absolute;
  outline: 1px solid #666;
  z-index: 1;
  left: 12.5%;
  color: white;
  padding: 0 5px; }
  .tx-bwreservation-reservation .calendar-month .reservation a {
    color: white; }
    .tx-bwreservation-reservation .calendar-month .reservation a:link {
      color: white; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-days="1"] {
    width: 12.5%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-days="2"] {
    width: 25.0%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-days="3"] {
    width: 37.5%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-days="4"] {
    width: 50.0%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-days="5"] {
    width: 62.5%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-days="6"] {
    width: 75.0%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-days="7"] {
    width: 87.5%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-offset="1"] {
    left: 25.0%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-offset="2"] {
    left: 37.5%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-offset="3"] {
    left: 50.0%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-offset="4"] {
    left: 62.5%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-offset="5"] {
    left: 75.0%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-offset="6"] {
    left: 87.5%; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-week="1"] {
    top: 106px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-week="2"] {
    top: 207px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-week="3"] {
    top: 308px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-week="4"] {
    top: 409px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-week="5"] {
    top: 510px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-week="6"] {
    top: 611px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-lane="1"] {
    margin-top: 24px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-lane="2"] {
    margin-top: 48px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-lane="3"] {
    margin-top: 72px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-lane="4"] {
    margin-top: 96px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-lane="5"] {
    margin-top: 120px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-lane="6"] {
    margin-top: 144px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-lane="7"] {
    margin-top: 168px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-lane="8"] {
    margin-top: 192px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-lane="9"] {
    margin-top: 216px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-lane="10"] {
    margin-top: 240px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-lane="11"] {
    margin-top: 264px; }
  .tx-bwreservation-reservation .calendar-month .reservation[data-lane="12"] {
    margin-top: 288px; }
.tx-bwreservation-reservation .calendar-month .legend div {
  display: inline-block;
  width: 150px; }
.tx-bwreservation-reservation .holiday.disabled {
  color: coral; }
.tx-bwreservation-reservation .disabled {
  color: darkgrey; }
.tx-bwreservation-reservation .holiday {
  color: red;
  font-weight: bold; }
.tx-bwreservation-reservation .today {
  background-color: #baded7; }
.tx-bwreservation-reservation .text {
  display: none;
  font-size: 0.9em;
  font-weight: normal;
  color: #666;
  white-space: pre; }
  @media screen and (min-width: 1200px) {
    .tx-bwreservation-reservation .text {
      display: inline-block; } }

ul.typo3-messages {
  list-style: none;
  padding: 0; }

/*
    Created on : 26.01.2020, 15:48:24
    Author     : mark
*/
.tx-bwtemplateawg-wastecalc .form-inline {
  background-color: #ffd199;
  padding: 20px; }
  .tx-bwtemplateawg-wastecalc .form-inline .form-group {
    /*display: inline-block;*/
    margin-right: 20px; }
    .tx-bwtemplateawg-wastecalc .form-inline .form-group label {
      display: block; }
  .tx-bwtemplateawg-wastecalc .form-inline #tx_bwtemplateawg_factor {
    width: 75px; }
  .tx-bwtemplateawg-wastecalc .form-inline #tx_bwtemplateawg_sum, .tx-bwtemplateawg-wastecalc .form-inline #tx_bwtemplateawg_bins, .tx-bwtemplateawg-wastecalc .form-inline #tx_bwtemplateawg_binsize {
    width: 100px; }
  .tx-bwtemplateawg-wastecalc .form-inline .input-submit {
    display: block;
    margin-top: 20px; }

/*
*	Intranet style overrides
*
*   Created on : 04.12.2020, 09:46:18
*   Author     : Mark Boland <mark.boland@boland.de>
*/
body.site-intranet {
  padding-top: 45px; }
  body.site-intranet header .navbar {
    background-color: #FF8C00;
    color: white; }
    body.site-intranet header .navbar a {
      color: white; }
  body.site-intranet header .header-claim {
    display: none; }
  @media screen and (min-width: 1200px) {
    body.site-intranet header .header-claim {
      display: block;
      color: white;
      font-size: 2em;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-stretch: condensed;
      margin-top: 15px; }
    body.site-intranet header .navbar .navbar-collapse {
      margin-top: 20px; } }
  body.site-intranet header .navigation-actions {
    text-align: right;
    margin-top: 40px; }
    body.site-intranet header .navigation-actions .glyphicon {
      font-size: 21px;
      background: white;
      color: #FF8C00;
      padding: 3px 5px; }
  body.site-intranet .content {
    margin-top: 60px; }
    body.site-intranet .content.pagets__IntranetHome {
      margin-top: 40px; }
  body.site-intranet .awg-news h2 a {
    background: none; }
  body.site-intranet .pagets__IntranetHome .news .news-list-item.short a {
    color: #006651; }
  body.site-intranet .extranet-employee form label input {
    margin-left: 10px;
    font-weight: normal; }
  @media screen and (min-width: 992px) {
    body.site-intranet .extranet-employee form label #tx_bwextranetawg_search_name {
      width: 460px; } }
  body.site-intranet .extranet-employee form label + label {
    margin-left: 20px; }
  body.site-intranet footer {
    background-color: #FF8C00; }
  body.site-intranet .awg-apps .news .news-list-item.short h4 {
    font-weight: normal; }
  @media screen and (min-width: 768px) {
    body.site-intranet {
      padding-top: 55px; } }
  @media screen and (min-width: 1200px) {
    body.site-intranet {
      padding-top: 110px; }
      body.site-intranet header .navigation-actions {
        margin-top: 10px;
        text-align: left; } }

.ce-uploads-type3 li div {
  clear: both; }
  @media screen and (min-width: 768px) {
    .ce-uploads-type3 li div {
      width: 270px; } }
.ce-uploads-type3 li span {
  display: block; }
.ce-uploads-type3 li .ce-uploads-description {
  font-size: 0.9em; }
.ce-uploads-type3 li .ce-uploads-filesize {
  font-size: 0.9em;
  color: #999; }
@media screen and (min-width: 992px) {
  .ce-uploads-type3 li {
    width: 270px; } }

.news ul {
  margin-bottom: 40px;
  padding: 0; }
.news li p {
  margin: 0; }

h1, h2, h3, h4, h5 {
  margin-top: 0; }

h1, h2, h3 {
  line-height: 1; }

h1 {
  font-size: 1.4em;
  margin-bottom: 1.4em;
  color: #006651;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-stretch: expanded; }

h2 {
  font-size: 1.3em;
  margin-bottom: 1.3em;
  color: #FF8C00;
  /*font-weight: bold;*/ }
  h2 .header-frame {
    border: 1px solid #ccc;
    padding: 10px 15px; }

h3 {
  font-size: 1.3em;
  margin-bottom: 1.3em;
  color: #006651;
  /*font-weight: bold;*/ }

h4 {
  font-size: 1.1em;
  margin-bottom: 1.1em;
  font-weight: bold;
  color: #FF8C00; }

h5 {
  font-size: 1.1em;
  margin-bottom: 1.1em;
  color: #006651;
  font-weight: bold; }

h6 {
  font-size: 1em;
  margin-bottom: 1em;
  color: #FF8C00; }

h1.boxed a, h1.boxed.accent2 a, h2.boxed a, h2.boxed.accent2 a, h3.boxed a, h3.boxed.accent2 a, h4.boxed a, h4.boxed.accent2 a, h5.boxed a, h5.boxed.accent2 a, h6.boxed a, h6.boxed.accent2 a {
  display: inline-block;
  background-color: #FF8C00;
  color: white;
  padding: 15px 20px; }
h1.boxed .stretched, h1.boxed.accent2 .stretched, h2.boxed .stretched, h2.boxed.accent2 .stretched, h3.boxed .stretched, h3.boxed.accent2 .stretched, h4.boxed .stretched, h4.boxed.accent2 .stretched, h5.boxed .stretched, h5.boxed.accent2 .stretched, h6.boxed .stretched, h6.boxed.accent2 .stretched {
  display: block;
  text-align: center;
  font-weight: normal; }
h1.boxed.accent1 a, h2.boxed.accent1 a, h3.boxed.accent1 a, h4.boxed.accent1 a, h5.boxed.accent1 a, h6.boxed.accent1 a {
  background-color: #006651; }

a {
  color: #FF8C00; }

a:hover {
  color: #FF8C00; }

#logo {
  margin: 20px 0; }

section {
  margin-top: 20px; }

img {
  max-width: 100%;
  height: auto; }

.hero-unit {
  background-color: #FF8C00;
  padding: 0;
  border-radius: 0; }

.jumbotron {
  position: relative;
  padding: 0;
  margin: 0;
  color: white;
  /* text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); */
  background: #FF8C00;
  box-shadow: inherit; }
  .jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron h4, .jumbotron h5, .jumbotron p {
    color: #ddd;
    text-shadow: none; }
  .jumbotron h1 {
    font-size: 80px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1; }
  .jumbotron p {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 30px;
    text-shadow: none; }
  .jumbotron a {
    color: white;
    /*color: rgba(255,255,255,.5);*/
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
    .jumbotron a:hover {
      color: white;
      /*  text-shadow: 0 0 10px rgba(255,255,255,.25);*/ }
  .jumbotron .language {
    margin: 12px 0 0 0; }
    .jumbotron .language img {
      margin-right: 10px;
      opacity: 0.5;
      transition: 0.5s; }
      .jumbotron .language img:hover, .jumbotron .language img.current {
        opacity: 1; }
  .jumbotron img {
    width: 100%;
    height: auto; }

.masthead {
  box-shadow: inherit; }

.carousel-control {
  opacity: 0.1;
  filter: alpha(opacity=10); }

.carousel {
  margin-bottom: 5px; }

.carousel-inner > .item > object {
  width: 100%; }

.blue {
  color: #FF8C00; }

/** Home page widgets **/
/* technologies */
.technologies img {
  width: 100%; }

/* tabs */
.nav-tabs .brand {
  margin: 10px 10px 0 10px;
  color: #FF8C00;
  font-size: 20px; }

footer {
  font-size: 15px;
  vertical-align: top;
  text-align: inherit;
  background-color: #006651;
  color: white;
  padding-top: 40px;
  padding-bottom: 140px;
  margin-top: 20px; }
  footer img {
    margin-right: 20px; }
  footer a {
    color: white; }
  footer .ce-textpic.ce-left.ce-intext {
    margin-top: inherit;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      footer .ce-textpic.ce-left.ce-intext .ce-gallery {
        float: none;
        display: block; } }
  footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 768px) {
      footer ul {
        float: right; } }
  footer li {
    text-shadow: none; }
    footer li a {
      color: white; }
  footer .ce-menu li {
    margin-bottom: 15px; }

.offset1 {
  margin-left: 20px; }

.span5.offset1, .span5.roffset1 {
  width: 460px; }

.span10.offset1 {
  width: 940px; }

@media (min-width: 1200px) {
  .offset1 {
    margin-left: 130px; } }
@media (max-width: 1024px) {
  .offset1 {
    margin-left: 0; } }
@media (min-width: 768px) and (max-width: 979px) {
  .span5.offset1, .span5.roffset1 {
    width: 360px; }

  .span10.offset1 {
    width: 732px; } }
@media (max-width: 767px) {
  #footer address {
    font-size: 12px; }
  #footer .sitemap {
    display: none; }

  .offset1 {
    margin-left: 0; }

  .roffset1 {
    margin-left: 0; }

  .span10.offset1 {
    width: auto; }

  .span5.offset1, .span5.roffset1 {
    width: auto; }

  .jumbotron {
    margin: 0 -20px;
    padding: 0 20px; }

  .carousel {
    margin: 0 -20px; }

  .technologies .span5 {
    width: auto; }
  .technologies img {
    max-width: 100%; } }

/*# sourceMappingURL=awg_bootstrap.css.map */