@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;
}

.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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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;
}

/*
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: " >>>";
  display: inline-block;
}
.ce-blockad.layout2::before {
  position: absolute;
  background-color: #eee;
  content: " ";
  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: " ";
  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 .powermail_fieldwrap + .powermail_fieldwrap {
  margin-block-start: 0 !important;
}

.tx-powermail .row + .row {
  margin-block-start: 0 !important;
}

.tx-powermail {
  background-color: #E5F0ED;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-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: " ";
    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: " ";
  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: " ";
  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.error input {
  outline: 1px solid red;
}
.tx-powermail .awg_bins.error:after {
  content: "Wenigstens ein Feld muss eine Angabe enthalten. Keines darf mehr als eine '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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  background-size: 250px 2500px;
  background-position: 0px -500px;
  border: 5px solid white;
  border-radius: 95px;
  z-index: 10;
}
@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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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-category-sprites.svg?221109");
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
  display: block;
  content: " ";
  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: " ";
  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: " ";
  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: " ";
  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-category-sprites.svg?221109");
  background-repeat: no-repeat;
  width: 90px;
  height: 90px;
  display: block;
  content: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: " ";
  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: "";
  /* 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: "";
  /* 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: "✓";
  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: "✗";
  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%;
}
.tx-bwreservation-reservation .calendar-month .reservation[data-days="3"] {
  width: 37.5%;
}
.tx-bwreservation-reservation .calendar-month .reservation[data-days="4"] {
  width: 50%;
}
.tx-bwreservation-reservation .calendar-month .reservation[data-days="5"] {
  width: 62.5%;
}
.tx-bwreservation-reservation .calendar-month .reservation[data-days="6"] {
  width: 75%;
}
.tx-bwreservation-reservation .calendar-month .reservation[data-days="7"] {
  width: 87.5%;
}
.tx-bwreservation-reservation .calendar-month .reservation[data-offset="1"] {
  left: 25%;
}
.tx-bwreservation-reservation .calendar-month .reservation[data-offset="2"] {
  left: 37.5%;
}
.tx-bwreservation-reservation .calendar-month .reservation[data-offset="3"] {
  left: 50%;
}
.tx-bwreservation-reservation .calendar-month .reservation[data-offset="4"] {
  left: 62.5%;
}
.tx-bwreservation-reservation .calendar-month .reservation[data-offset="5"] {
  left: 75%;
}
.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_field1, .tx-bwtemplateawg-wastecalc .form-inline #tx_bwtemplateawg_field2, .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 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.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 */