/* -------------------------------------- variables & other ------------------------------------- */
body {
  font-family: "Cabin", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #212322;
  background-color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  /* ------------------------------------------- header ------------------------------------------- */
  /* ------------------------------------------ swiper ----------------------------------------- */
  /* ------------------------------------------ pageimage ----------------------------------------- */
  /* ------------------------------------------- section ------------------------------------------ */
  /* ------------------------------------------- footer ------------------------------------------- */
  /* ---------------------------------------- jewelerystrip ---------------------------------------- */
  /* ------------------------------------------ colorcodes ----------------------------------------- */ }
  body > .sitenote-wrapper {
    position: relative;
    height: 140px;
    max-width: 1366px;
    margin: 0 auto; }
    body > .sitenote-wrapper > .sitenote {
      display: block;
      position: absolute;
      top: -70px;
      right: 20px;
      box-sizing: border-box;
      z-index: 10;
      width: 480px;
      height: 226px;
      padding: 47px 108px 49px 212px;
      color: white;
      background: url(img/stoerer.png) no-repeat;
      background-size: 100%;
      text-align: center;
      text-decoration: none; }
      body > .sitenote-wrapper > .sitenote > h2 {
        margin-top: 35px;
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase; }
    body > .sitenote-wrapper > .close {
      position: absolute;
      top: 6px;
      right: 6px;
      color: #212322; }
  body a.external-link:after {
    content: "\f35d";
    padding-left: 5px;
    font-family: "Font Awesome 5 Pro"; }
  body .the_content {
    line-height: 1.5em; }
    body .the_content strong, body .the_content b {
      font-weight: 700; }
    body .the_content h2 {
      margin-bottom: 20px;
      font-weight: 700;
      font-size: 25px;
      text-transform: uppercase; }
    body .the_content h3 {
      margin-bottom: 10px;
      font-weight: 700;
      font-size: 15px;
      text-transform: uppercase; }
    body .the_content hr {
      height: 1px;
      margin: 15px 0;
      border: none;
      background-color: #212322; }
    body .the_content a:not(.button) {
      color: #212322;
      font-weight: 700;
      text-decoration: none; }
      body .the_content a:not(.button):hover {
        color: #dddddd; }
    body .the_content ul:not(.no-style) {
      padding-left: 12px; }
      body .the_content ul:not(.no-style) > li {
        list-style: none;
        margin-bottom: 10px; }
        body .the_content ul:not(.no-style) > li::before {
          content: "";
          width: 5px;
          height: 5px;
          position: absolute;
          top: 7px;
          left: -15px;
          background-color: #212322; }
    body .the_content ol:not(.no-style) {
      counter-reset: article-counter;
      overflow: auto; }
      body .the_content ol:not(.no-style) > li {
        margin-bottom: 10px;
        padding-left: 16px; }
        body .the_content ol:not(.no-style) > li:before {
          position: absolute;
          left: 0px;
          padding-right: 5px;
          content: counter(article-counter) ".";
          counter-increment: article-counter;
          font-weight: 700; }
    body .the_content .alignleft {
      float: left; }
    body .the_content .alignright {
      float: right; }
    body .the_content .aligncenter {
      display: block;
      margin-left: auto;
      margin-right: auto; }
    body .the_content img.scale {
      max-width: 100%;
      height: auto; }
    body .the_content .button {
      display: inline-block;
      margin: 10px 0;
      padding: 4px 18px;
      border: 1px solid #343434;
      color: #343434;
      font-weight: 700;
      text-decoration: none;
      text-transform: uppercase;
      outline: none; }
      body .the_content .button:hover {
        color: white;
        background-color: #343434; }
    body .the_content .gallery.gridWrapper {
      margin: -2px; }
      body .the_content .gallery.gridWrapper > .grid {
        padding: 2px; }
        body .the_content .gallery.gridWrapper > .grid img {
          width: 100%;
          height: auto; }
  body > .header-wrapper {
    background: #dddddd url(img/spot_grey_header_left.png) left top no-repeat;
    border-bottom: 4px solid white; }
    body > .header-wrapper.clear-view {
      position: absolute;
      z-index: 10;
      width: 100%;
      background: none;
      border-bottom: 0; }
    body > .header-wrapper > header {
      padding: 17px 20px 16px 20px;
      /* mainmenu */ }
      body > .header-wrapper > header .logo {
        position: relative;
        z-index: 20;
        display: block;
        width: 160px;
        height: 25px;
        margin-bottom: -16px;
        padding: 8px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        background: white url(img/AGA_logo.svg) 8px 8px no-repeat;
        background-size: 160px 25px;
        font-size: 0px;
        text-indent: -999999;
        outline: none; }
      body > .header-wrapper > header .hamburger {
        position: absolute;
        top: 20px;
        right: 20px;
        outline: none;
        z-index: 100; }
      body > .header-wrapper > header .mainmenu-wrapper {
        z-index: 20;
        display: none;
        margin: 16px -20px 0 -20px;
        padding-top: 84px;
        background-color: #dddddd; }
        body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li {
          /* color codes */ }
          body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li a {
            display: block;
            padding: 16px 20px 19px 20px;
            color: #212322;
            font-size: 15px;
            font-weight: 500;
            text-align: center;
            text-transform: uppercase;
            text-decoration: none;
            outline: none; }
          body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.teaser {
            position: absolute;
            z-index: 10;
            left: 50%;
            top: 35px;
            transform: translateX(-50%); }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.teaser > a {
              margin-top: -7px;
              padding: 7px 41px 7px 17px;
              background: white url(img/icon_sperrmuell.svg) right top no-repeat;
              background-size: 32px 32px;
              border-radius: 32px; }
          body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li:not(.teaser).current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li:not(.teaser).current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li:not(.teaser):hover > a {
            color: rgba(33, 35, 34, 0.5); }
          body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li > ul {
            padding: 8px 0;
            background-color: #f6f6f6; }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li > ul > li > a {
              padding-top: 8px;
              padding-bottom: 8px; }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li > ul > li.current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li > ul > li.current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li > ul > li:hover > a {
              color: rgba(33, 35, 34, 0.5); }
          body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blue, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blau {
            background-color: #009fe3; }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blue a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blau a {
              color: white; }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blue:not(.teaser).current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blue:not(.teaser).current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blue:not(.teaser):hover > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blau:not(.teaser).current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blau:not(.teaser).current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blau:not(.teaser):hover > a {
              color: rgba(255, 255, 255, 0.5); }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blue > ul, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blau > ul {
              background-color: #18aeef; }
              body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blue > ul > li.current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blue > ul > li.current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blue > ul > li:hover > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blau > ul > li.current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blau > ul > li.current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.blau > ul > li:hover > a {
                color: rgba(255, 255, 255, 0.5); }
          body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.orange, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gelb {
            background-color: #f39200; }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.orange a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gelb a {
              color: white; }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.orange:not(.teaser).current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.orange:not(.teaser).current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.orange:not(.teaser):hover > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gelb:not(.teaser).current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gelb:not(.teaser).current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gelb:not(.teaser):hover > a {
              color: rgba(255, 255, 255, 0.5); }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.orange > ul, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gelb > ul {
              background-color: #ffc34d; }
              body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.orange > ul > li.current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.orange > ul > li.current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.orange > ul > li:hover > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gelb > ul > li.current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gelb > ul > li.current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gelb > ul > li:hover > a {
                color: rgba(255, 255, 255, 0.5); }
          body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.green, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gruen {
            background-color: #009640; }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.green a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gruen a {
              color: white; }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.green:not(.teaser).current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.green:not(.teaser).current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.green:not(.teaser):hover > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gruen:not(.teaser).current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gruen:not(.teaser).current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gruen:not(.teaser):hover > a {
              color: rgba(255, 255, 255, 0.5); }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.green > ul, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gruen > ul {
              background-color: #94c11c; }
              body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.green > ul > li.current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.green > ul > li.current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.green > ul > li:hover > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gruen > ul > li.current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gruen > ul > li.current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.gruen > ul > li:hover > a {
                color: rgba(255, 255, 255, 0.5); }
      body > .header-wrapper > header.menu-active {
        padding-bottom: 0; }
        body > .header-wrapper > header.menu-active .mainmenu-wrapper {
          display: block; }
  body > .swiper-container .pageimage-wrapper {
    max-height: 960px; }
  body > .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #ffffff; }
  body > .pagevideo-wrapper .pagevideo-frame {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; }
    body > .pagevideo-wrapper .pagevideo-frame > iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  body .pageimage-wrapper {
    overflow: hidden; }
    body .pageimage-wrapper:after {
      content: "";
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      background: url(img/texture_dottet.png) repeat; }
    body .pageimage-wrapper > .pageimage {
      min-width: 100%;
      height: 177px; }
    body .pageimage-wrapper .icon-wrapper-wrapper {
      position: absolute;
      top: 23px;
      z-index: 10;
      width: 100%; }
      body .pageimage-wrapper .icon-wrapper-wrapper .icon-wrapper {
        display: table;
        margin: 0 auto; }
        body .pageimage-wrapper .icon-wrapper-wrapper .icon-wrapper .icon {
          display: table-cell;
          vertical-align: middle;
          width: 130px;
          height: 130px;
          color: #212322;
          background-color: white;
          border-radius: 50%;
          font-size: 50px;
          line-height: 50px;
          text-align: center; }
          body .pageimage-wrapper .icon-wrapper-wrapper .icon-wrapper .icon img {
            width: 60px;
            height: auto; }
    body .pageimage-wrapper.center-cropped {
      width: 100%;
      height: 177px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover; }
      body .pageimage-wrapper.center-cropped > .pageimage {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0; }
  body > .section-wrapper.first {
    background-image: url(img/spot_grey_content_right.png);
    background-position: right top;
    background-repeat: no-repeat; }
  body > .section-wrapper.last {
    background-image: url(img/spot_grey_content_left.png);
    background-position: left bottom;
    background-repeat: no-repeat; }
  body > .section-wrapper.teaser {
    background-color: #343434; }
  body > .section-wrapper.background-colorcode {
    background-color: #dddddd; }
  body > .section-wrapper.background-grey {
    background-color: #f6f6f6; }
  body > .section-wrapper.rotate {
    transform: rotate(-2deg);
    margin-left: -20px !important;
    margin-right: -20px !important; }
    body > .section-wrapper.rotate > section {
      transform: rotate(2deg); }
  body > .section-wrapper > section {
    max-width: 636px;
    margin: 0 auto;
    padding: 50px 40px;
    overflow: hidden; }
    body > .section-wrapper > section > h1, body > .section-wrapper > section > h2,
    body > .section-wrapper > section > div > h1, body > .section-wrapper > section > div > h2,
    body > .section-wrapper > section > article > h1, body > .section-wrapper > section > article > h2 {
      margin-bottom: 26px;
      font-weight: 700;
      font-size: 25px;
      text-transform: uppercase;
      text-align: center; }
    body > .section-wrapper > section.contact {
      max-width: none;
      padding: 0; }
      body > .section-wrapper > section.contact > .contact-wrapper {
        background: url(img/spot_kontakt_right.png) right top no-repeat, url(img/spot_kontakt_left.png) left bottom no-repeat;
        background-color: #889cab; }
        body > .section-wrapper > section.contact > .contact-wrapper > .contact {
          max-width: 936px;
          margin: 0 auto;
          padding: 40px 0; }
          body > .section-wrapper > section.contact > .contact-wrapper > .contact > .gridWrapper {
            margin: -33px; }
            body > .section-wrapper > section.contact > .contact-wrapper > .contact > .gridWrapper > .grid {
              padding: 33px 20px; }
              body > .section-wrapper > section.contact > .contact-wrapper > .contact > .gridWrapper > .grid > .box {
                padding: 40px 20px;
                color: white;
                background-color: rgba(255, 255, 255, 0.2);
                border-radius: 3px;
                text-align: center; }
                body > .section-wrapper > section.contact > .contact-wrapper > .contact > .gridWrapper > .grid > .box.fon {
                  border-top: 5px solid #009fe3; }
                body > .section-wrapper > section.contact > .contact-wrapper > .contact > .gridWrapper > .grid > .box.mail {
                  border-top: 5px solid #f39200; }
                body > .section-wrapper > section.contact > .contact-wrapper > .contact > .gridWrapper > .grid > .box.location {
                  border-top: 5px solid #009640; }
                body > .section-wrapper > section.contact > .contact-wrapper > .contact > .gridWrapper > .grid > .box .icon {
                  font-size: 40px; }
                body > .section-wrapper > section.contact > .contact-wrapper > .contact > .gridWrapper > .grid > .box hr {
                  width: 64px;
                  height: 1px;
                  margin: 20px auto 25px auto;
                  border: 0;
                  background-color: white; }
                body > .section-wrapper > section.contact > .contact-wrapper > .contact > .gridWrapper > .grid > .box a {
                  color: white;
                  text-decoration: none;
                  outline: none; }
        body > .section-wrapper > section.contact > .contact-wrapper:after {
          position: absolute;
          z-index: 1;
          content: "";
          bottom: -16px;
          left: calc(50% - 23px);
          width: 0;
          height: 0;
          border-left: 23px solid transparent;
          border-right: 23px solid transparent;
          border-top: 16px solid #889cab; }
    body > .section-wrapper > section.downloads > .gridWrapper {
      margin: -5px -13px; }
      body > .section-wrapper > section.downloads > .gridWrapper > .grid {
        padding: 5px 13px; }
        body > .section-wrapper > section.downloads > .gridWrapper > .grid > a {
          position: relative;
          display: block;
          padding: 10px 10px 10px 40px;
          color: white;
          border-radius: 12px;
          background-color: #343434;
          text-decoration: none;
          outline: none; }
          body > .section-wrapper > section.downloads > .gridWrapper > .grid > a:before {
            position: absolute;
            top: -1px;
            left: -1px;
            bottom: -1px;
            content: "\f33d";
            padding: 14px 10px 10px 10px;
            border-radius: 12px;
            color: white;
            background-color: lightslategrey;
            font-family: "Font Awesome 5 Pro"; }
    body > .section-wrapper > section.faq > .the_content {
      margin-bottom: 60px; }
    body > .section-wrapper > section.faq > .gridWrapper {
      margin: -13px -43px; }
      body > .section-wrapper > section.faq > .gridWrapper > .grid {
        padding: 13px;
        margin-bottom: -25px; }
        body > .section-wrapper > section.faq > .gridWrapper > .grid > .question {
          margin-bottom: 25px;
          padding: 20px;
          background-color: #ededed;
          cursor: pointer; }
          body > .section-wrapper > section.faq > .gridWrapper > .grid > .question.open {
            background-color: #dfdfdf; }
          body > .section-wrapper > section.faq > .gridWrapper > .grid > .question > h3 {
            min-height: 36px; }
          body > .section-wrapper > section.faq > .gridWrapper > .grid > .question > .flyout {
            display: none;
            padding-top: 5px; }
          body > .section-wrapper > section.faq > .gridWrapper > .grid > .question:after {
            content: "+";
            position: absolute;
            bottom: -8px;
            left: 50%;
            font-size: 16px;
            font-weight: 700; }
          body > .section-wrapper > section.faq > .gridWrapper > .grid > .question.open:after {
            content: "-"; }
    body > .section-wrapper > section.gallery > .gridWrapper {
      margin: -2px; }
      body > .section-wrapper > section.gallery > .gridWrapper > .grid {
        padding: 2px; }
        body > .section-wrapper > section.gallery > .gridWrapper > .grid img {
          width: 100%;
          height: auto; }
    body > .section-wrapper > section.icons > .gridWrapper {
      margin: -10px; }
      body > .section-wrapper > section.icons > .gridWrapper > .grid {
        padding: 10px; }
        body > .section-wrapper > section.icons > .gridWrapper > .grid .icon-wrapper {
          display: table;
          margin: 0 auto; }
          body > .section-wrapper > section.icons > .gridWrapper > .grid .icon-wrapper .icon {
            display: table-cell;
            vertical-align: middle;
            width: 130px;
            height: 130px;
            color: white;
            background-color: #343434;
            border-radius: 50%;
            font-size: 50px;
            line-height: 50px;
            text-align: center; }
            body > .section-wrapper > section.icons > .gridWrapper > .grid .icon-wrapper .icon img {
              width: 60px;
              height: auto; }
            body > .section-wrapper > section.icons > .gridWrapper > .grid .icon-wrapper .icon.has-link:hover {
              background-color: rgba(52, 52, 52, 0.8); }
        body > .section-wrapper > section.icons > .gridWrapper > .grid h3 {
          margin-top: 30px;
          color: #7a7b7a;
          font-size: 15px;
          font-weight: 700;
          text-align: center;
          text-transform: uppercase; }
    body > .section-wrapper > section.imgcontent > .gridWrapper {
      margin: -13px; }
      body > .section-wrapper > section.imgcontent > .gridWrapper > .grid {
        padding: 13px; }
      body > .section-wrapper > section.imgcontent > .gridWrapper.rtl {
        direction: rtl; }
        body > .section-wrapper > section.imgcontent > .gridWrapper.rtl > .grid {
          direction: ltr; }
    body > .section-wrapper > section.imgcontent img.imgcontent {
      width: 100%;
      height: auto; }
    body > .section-wrapper > section.links {
      padding-top: 25px;
      padding-bottom: 25px; }
      body > .section-wrapper > section.links a {
        position: relative;
        display: block;
        padding: 10px;
        width: calc(50% - 20px);
        margin: 0 auto;
        line-height: 18px;
        color: white;
        background-color: #343434;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center; }
        body > .section-wrapper > section.links a:before {
          content: "";
          position: absolute;
          right: 100%;
          top: 0;
          width: 0px;
          height: 0px;
          border-top: 19px solid transparent;
          border-right: 6px solid #343434;
          border-bottom: 19px solid #343434;
          border-left: 6px solid transparent; }
        body > .section-wrapper > section.links a:after {
          content: "";
          position: absolute;
          left: 100%;
          top: 0;
          width: 0px;
          height: 0px;
          border-top: 19px solid #343434;
          border-right: 6px solid transparent;
          border-bottom: 19px solid transparent;
          border-left: 6px solid #343434; }
        body > .section-wrapper > section.links a:hover {
          background-color: rgba(52, 52, 52, 0.8); }
          body > .section-wrapper > section.links a:hover:before {
            border-right-color: rgba(52, 52, 52, 0.8);
            border-bottom-color: rgba(52, 52, 52, 0.8); }
          body > .section-wrapper > section.links a:hover:after {
            border-top-color: rgba(52, 52, 52, 0.8);
            border-left-color: rgba(52, 52, 52, 0.8); }
      body > .section-wrapper > section.links > .gridWrapper {
        margin: -13px; }
        body > .section-wrapper > section.links > .gridWrapper > .grid {
          padding: 13px; }
          body > .section-wrapper > section.links > .gridWrapper > .grid a {
            width: auto;
            margin: 0; }
    body > .section-wrapper > section.map {
      max-width: none;
      padding: 0; }
      body > .section-wrapper > section.map > .contact-wrapper {
        background: url(img/spot_kontakt_right.png) right top no-repeat, url(img/spot_kontakt_left.png) left bottom no-repeat;
        background-color: #889cab; }
        body > .section-wrapper > section.map > .contact-wrapper > .contact {
          max-width: 936px;
          margin: 0 auto;
          padding: 40px 0; }
          body > .section-wrapper > section.map > .contact-wrapper > .contact > .gridWrapper {
            margin: -33px; }
            body > .section-wrapper > section.map > .contact-wrapper > .contact > .gridWrapper > .grid {
              padding: 33px; }
              body > .section-wrapper > section.map > .contact-wrapper > .contact > .gridWrapper > .grid > .box {
                padding: 50px 20px;
                color: white;
                background-color: rgba(255, 255, 255, 0.2);
                border-radius: 3px;
                text-align: center; }
                body > .section-wrapper > section.map > .contact-wrapper > .contact > .gridWrapper > .grid > .box.fon {
                  border-top: 5px solid #009fe3; }
                body > .section-wrapper > section.map > .contact-wrapper > .contact > .gridWrapper > .grid > .box.mail {
                  border-top: 5px solid #f39200; }
                body > .section-wrapper > section.map > .contact-wrapper > .contact > .gridWrapper > .grid > .box.adress {
                  border-top: 5px solid #009640; }
                body > .section-wrapper > section.map > .contact-wrapper > .contact > .gridWrapper > .grid > .box .icon {
                  font-size: 40px; }
                body > .section-wrapper > section.map > .contact-wrapper > .contact > .gridWrapper > .grid > .box hr {
                  width: 64px;
                  height: 1px;
                  margin: 20px auto 25px auto;
                  border: 0;
                  background-color: white; }
                body > .section-wrapper > section.map > .contact-wrapper > .contact > .gridWrapper > .grid > .box a {
                  color: white;
                  text-decoration: none;
                  outline: none; }
        body > .section-wrapper > section.map > .contact-wrapper:after {
          position: absolute;
          z-index: 1;
          content: "";
          bottom: -16px;
          left: calc(50% - 23px);
          width: 0;
          height: 0;
          border-left: 23px solid transparent;
          border-right: 23px solid transparent;
          border-top: 16px solid #889cab; }
      body > .section-wrapper > section.map .acf-map {
        width: 100%;
        height: 240px;
        /* fixes potential theme css conflict */ }
        body > .section-wrapper > section.map .acf-map img {
          max-width: inherit !important; }
    body > .section-wrapper > section.taxonomie {
      max-width: 936px;
      background-image: url(img/spot_orange_aktuelles.png);
      background-repeat: no-repeat;
      background-position: center center; }
      body > .section-wrapper > section.taxonomie article > .gridWrapper {
        margin: -13px; }
        body > .section-wrapper > section.taxonomie article > .gridWrapper > .grid {
          padding: 13px; }
          body > .section-wrapper > section.taxonomie article > .gridWrapper > .grid img {
            width: 100%;
            height: auto; }
          body > .section-wrapper > section.taxonomie article > .gridWrapper > .grid time {
            display: block;
            margin: 20px 0 10px 0; }
          body > .section-wrapper > section.taxonomie article > .gridWrapper > .grid .button.more {
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            margin-top: 30px; }
    body > .section-wrapper > section.teaser {
      max-width: 936px; }
      body > .section-wrapper > section.teaser > h2 {
        margin-bottom: 60px;
        color: #dddddd;
        font-size: 25px; }
      body > .section-wrapper > section.teaser > .gridWrapper {
        margin: -60px; }
        body > .section-wrapper > section.teaser > .gridWrapper > .grid {
          padding: 60px; }
          body > .section-wrapper > section.teaser > .gridWrapper > .grid .icon-wrapper {
            display: table;
            margin: 0 auto; }
            body > .section-wrapper > section.teaser > .gridWrapper > .grid .icon-wrapper .icon {
              display: table-cell;
              vertical-align: middle;
              width: 130px;
              height: 130px;
              color: #343434;
              background-color: #dddddd;
              border-radius: 50%;
              font-size: 50px;
              line-height: 50px;
              text-align: center; }
              body > .section-wrapper > section.teaser > .gridWrapper > .grid .icon-wrapper .icon img {
                width: 60px;
                height: auto; }
              body > .section-wrapper > section.teaser > .gridWrapper > .grid .icon-wrapper .icon.has-link:hover {
                background-color: #504f50; }
          body > .section-wrapper > section.teaser > .gridWrapper > .grid h2 {
            margin: 25px 0 27px 0;
            color: white;
            font-size: 25px;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase; }
            body > .section-wrapper > section.teaser > .gridWrapper > .grid h2:after {
              content: "";
              display: block;
              margin: 27px auto;
              width: 75px;
              height: 1px;
              background-color: #dddddd; }
          body > .section-wrapper > section.teaser > .gridWrapper > .grid p {
            max-width: 190px;
            margin: 0 auto;
            color: white;
            text-align: center; }
    body > .section-wrapper > section.textgrid {
      /* max-width: 936px; */ }
      body > .section-wrapper > section.textgrid > .gridWrapper {
        margin: -13px; }
        body > .section-wrapper > section.textgrid > .gridWrapper > .grid {
          padding: 13px; }
    body > .section-wrapper > section.video .video-frame {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%; }
      body > .section-wrapper > section.video .video-frame > iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    body > .section-wrapper > section.video .description {
      margin-top: 20px; }
  body > .footer-wrapper {
    background-color: #343434;
    border-top: 3px solid #c9c9c9; }
    body > .footer-wrapper .back_to_top {
      position: fixed;
      z-index: 100;
      right: 20px;
      bottom: 20px;
      color: lightslategrey;
      font-size: 34px;
      text-decoration: none;
      outline: none; }
    body > .footer-wrapper > footer {
      padding: 50px 35px; }
      body > .footer-wrapper > footer .dekra {
        outline: none;
        margin: auto;
        position: relative;
        display: block;
        text-align: center; }
        body > .footer-wrapper > footer .dekra img {
          height: 70px; }
      body > .footer-wrapper > footer .logo {
        display: block;
        width: 160px;
        height: 25px;
        margin: -35px auto 20px auto;
        padding: 12px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        background: white url(img/AGA_logo.svg) 12px 12px no-repeat;
        background-size: 160px 25px;
        font-size: 0px;
        text-indent: -999999;
        outline: none; }
      body > .footer-wrapper > footer .footermenu-wrapper > ul.menu {
        text-align: center;
        padding: 5px 0; }
        body > .footer-wrapper > footer .footermenu-wrapper > ul.menu > li {
          display: inline-block; }
          body > .footer-wrapper > footer .footermenu-wrapper > ul.menu > li > a, body > .footer-wrapper > footer .footermenu-wrapper > ul.menu > li > span {
            display: block;
            padding: 5px 5px;
            color: white;
            font-style: italic;
            text-decoration: none;
            outline: none; }
          body > .footer-wrapper > footer .footermenu-wrapper > ul.menu > li.copyright {
            width: 100%; }
          body > .footer-wrapper > footer .footermenu-wrapper > ul.menu > li.mail {
            width: 100%; }
            body > .footer-wrapper > footer .footermenu-wrapper > ul.menu > li.mail svg {
              margin-right: 8px; }
          body > .footer-wrapper > footer .footermenu-wrapper > ul.menu > li.tel {
            width: 100%; }
            body > .footer-wrapper > footer .footermenu-wrapper > ul.menu > li.tel svg {
              margin-right: 8px; }
  body.jewelerystrip:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 1px;
    margin-left: calc(14px + 5px);
    background-color: #212322; }
  body.jewelerystrip > .section-wrapper:not(.no-jewelerystrip):before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
    height: 11px;
    background-color: #212322;
    border-radius: 50%; }
  body.blue .the_content h2, body.blue .the_content h3,
  body.blue .the_content a:not(.button):hover,
  body.blue .the_content ol:not(.no-style) > li:before {
    color: #009fe3; }
  body.blue .the_content hr {
    background-color: #009fe3; }
  body.blue .the_content ul:not(.no-style) > li:before {
    background-color: #009fe3; }
  body.blue .the_content .button {
    border-color: #009fe3;
    color: #009fe3; }
    body.blue .the_content .button:hover {
      background-color: #009fe3; }
  body.blue:before {
    background-color: #253e4b; }
  body.blue > .header-wrapper:not(.clear-view) {
    background-color: #009fe3;
    background-image: url(img/spot_blue_header_left.png); }
  body.blue > .header-wrapper > header .hamburger .hamburger-inner, body.blue > .header-wrapper > header .hamburger .hamburger-inner::before, body.blue > .header-wrapper > header .hamburger .hamburger-inner::after {
    background-color: white; }
  body.blue .pageimage-wrapper .icon-wrapper-wrapper .icon-wrapper .icon {
    color: #009fe3; }
  body.blue > .section-wrapper.first {
    background-image: url(img/spot_blue_content_right.png); }
  body.blue > .section-wrapper.last {
    background-image: url(img/spot_blue_content_left.png); }
  body.blue > .section-wrapper.teaser {
    background-color: #253e4b; }
  body.blue > .section-wrapper.background-colorcode {
    background-color: #18aeef; }
  body.blue > .section-wrapper:not(.no-jewelerystrip):before {
    background-color: #253e4b; }
  body.blue > .section-wrapper > section.downloads > .gridWrapper > .grid > a {
    background-color: #253e4b; }
  body.blue > .section-wrapper > section.faq > .gridWrapper > .grid > .question.open {
    background-color: #c7e3f6; }
  body.blue > .section-wrapper > section.icons > .gridWrapper > .grid .icon-wrapper .icon {
    background-color: #009fe3; }
    body.blue > .section-wrapper > section.icons > .gridWrapper > .grid .icon-wrapper .icon.has-link:hover {
      background-color: rgba(0, 159, 227, 0.8); }
  body.blue > .section-wrapper > section.links a {
    background-color: #253e4b; }
    body.blue > .section-wrapper > section.links a:before {
      border-right-color: #253e4b;
      border-bottom-color: #253e4b; }
    body.blue > .section-wrapper > section.links a:after {
      border-top-color: #253e4b;
      border-left-color: #253e4b; }
    body.blue > .section-wrapper > section.links a:hover {
      background-color: rgba(37, 62, 75, 0.8); }
      body.blue > .section-wrapper > section.links a:hover:before {
        border-right-color: rgba(37, 62, 75, 0.8);
        border-bottom-color: rgba(37, 62, 75, 0.8); }
      body.blue > .section-wrapper > section.links a:hover:after {
        border-top-color: rgba(37, 62, 75, 0.8);
        border-left-color: rgba(37, 62, 75, 0.8); }
  body.blue > .section-wrapper > section.teaser > h2 {
    color: #009fe3; }
  body.blue > .section-wrapper > section.teaser > .gridWrapper > .grid .icon-wrapper .icon {
    color: #253e4b;
    background-color: #009fe3; }
    body.blue > .section-wrapper > section.teaser > .gridWrapper > .grid .icon-wrapper .icon.has-link:hover {
      background-color: rgba(0, 159, 227, 0.8); }
  body.blue > .section-wrapper > section.teaser > .gridWrapper > .grid h2:after {
    background-color: #009fe3; }
  body.blue > .footer-wrapper {
    background-color: #253e4b; }
  body.orange .the_content h2, body.orange .the_content h3,
  body.orange .the_content a:not(.button):hover,
  body.orange .the_content ol:not(.no-style) > li:before {
    color: #f39200; }
  body.orange .the_content hr {
    background-color: #f39200; }
  body.orange .the_content ul:not(.no-style) > li:before {
    background-color: #f39200; }
  body.orange .the_content .button {
    border-color: #f39200;
    color: #f39200; }
    body.orange .the_content .button:hover {
      background-color: #f39200; }
  body.orange:before {
    background-color: #f39200; }
  body.orange > .header-wrapper:not(.clear-view) {
    background-color: #f39200;
    background-image: url(img/spot_orange_header_left.png); }
  body.orange > .header-wrapper > header .hamburger .hamburger-inner, body.orange > .header-wrapper > header .hamburger .hamburger-inner::before, body.orange > .header-wrapper > header .hamburger .hamburger-inner::after {
    background-color: white; }
  body.orange .pageimage-wrapper .icon-wrapper-wrapper .icon-wrapper .icon {
    color: #f39200; }
  body.orange > .section-wrapper.first {
    background-image: url(img/spot_orange_content_right.png); }
  body.orange > .section-wrapper.last {
    background-image: url(img/spot_orange_content_left.png); }
  body.orange > .section-wrapper.teaser {
    background-color: #f39200; }
  body.orange > .section-wrapper.background-colorcode {
    background-color: #ffc34d; }
  body.orange > .section-wrapper:not(.no-jewelerystrip):before {
    background-color: #f39200; }
  body.orange > .section-wrapper > section.downloads > .gridWrapper > .grid > a {
    background-color: #f39200; }
  body.orange > .section-wrapper > section.icons > .gridWrapper > .grid .icon-wrapper .icon {
    background-color: #f39200; }
    body.orange > .section-wrapper > section.icons > .gridWrapper > .grid .icon-wrapper .icon.has-link:hover {
      background-color: rgba(243, 146, 0, 0.8); }
  body.orange > .section-wrapper > section.faq > .gridWrapper > .grid > .question.open {
    background-color: #f4e4cc; }
  body.orange > .section-wrapper > section.links a {
    background-color: #f39200; }
    body.orange > .section-wrapper > section.links a:before {
      border-right-color: #f39200;
      border-bottom-color: #f39200; }
    body.orange > .section-wrapper > section.links a:after {
      border-top-color: #f39200;
      border-left-color: #f39200; }
    body.orange > .section-wrapper > section.links a:hover {
      background-color: rgba(243, 146, 0, 0.8); }
      body.orange > .section-wrapper > section.links a:hover:before {
        border-right-color: rgba(243, 146, 0, 0.8);
        border-bottom-color: rgba(243, 146, 0, 0.8); }
      body.orange > .section-wrapper > section.links a:hover:after {
        border-top-color: rgba(243, 146, 0, 0.8);
        border-left-color: rgba(243, 146, 0, 0.8); }
  body.orange > .footer-wrapper {
    background-color: #f39200; }
  body.green .the_content h2, body.green .the_content h3,
  body.green .the_content a:not(.button):hover,
  body.green .the_content ol:not(.no-style) > li:before {
    color: #009640; }
  body.green .the_content hr {
    background-color: #009640; }
  body.green .the_content ul:not(.no-style) > li:before {
    background-color: #009640; }
  body.green .the_content .button {
    border-color: #009640;
    color: #009640; }
    body.green .the_content .button:hover {
      background-color: #009640; }
  body.green.teaser {
    background-color: #009640; }
  body.green:before {
    background-color: #009640; }
  body.green > .header-wrapper:not(.clear-view) {
    background-color: #009640;
    background-image: url(img/spot_green_header_left.png); }
  body.green > .header-wrapper > header .hamburger .hamburger-inner, body.green > .header-wrapper > header .hamburger .hamburger-inner::before, body.green > .header-wrapper > header .hamburger .hamburger-inner::after {
    background-color: white; }
  body.green .pageimage-wrapper .icon-wrapper-wrapper .icon-wrapper .icon {
    color: #009640; }
  body.green > .section-wrapper.first {
    background-image: url(img/spot_green_content_right.png); }
  body.green > .section-wrapper.last {
    background-image: url(img/spot_green_content_left.png); }
  body.green > .section-wrapper.background-colorcode {
    background-color: #94c11c; }
  body.green > .section-wrapper:not(.no-jewelerystrip):before {
    background-color: #009640; }
  body.green > .section-wrapper > section.downloads > .gridWrapper > .grid > a {
    background-color: #009640; }
  body.green > .section-wrapper > section.faq > .gridWrapper > .grid > .question.open {
    background-color: #d6f4cc; }
  body.green > .section-wrapper > section.icons > .gridWrapper > .grid .icon-wrapper .icon {
    background-color: #009640; }
    body.green > .section-wrapper > section.icons > .gridWrapper > .grid .icon-wrapper .icon.has-link:hover {
      background-color: rgba(0, 150, 64, 0.8); }
  body.green > .section-wrapper > section.links a {
    background-color: #009640; }
    body.green > .section-wrapper > section.links a:before {
      border-right-color: #009640;
      border-bottom-color: #009640; }
    body.green > .section-wrapper > section.links a:after {
      border-top-color: #009640;
      border-left-color: #009640; }
    body.green > .section-wrapper > section.links a:hover {
      background-color: rgba(0, 150, 64, 0.8); }
      body.green > .section-wrapper > section.links a:hover:before {
        border-right-color: rgba(0, 150, 64, 0.8);
        border-bottom-color: rgba(0, 150, 64, 0.8); }
      body.green > .section-wrapper > section.links a:hover:after {
        border-top-color: rgba(0, 150, 64, 0.8);
        border-left-color: rgba(0, 150, 64, 0.8); }
  body.green > .footer-wrapper {
    background-color: #009640; }

/* ------------------------------------ std_small_width [sm] ------------------------------------ */
/* --------------------------------- std_middle_small_width [ms] -------------------------------- */
/* --------------------------------- std_middle_large_width [md] -------------------------------- */
@media screen and (min-width: 900px) {
  body {
    /* ------------------------------------------- section ------------------------------------------ */
    /* ---------------------------------------- jewelerystrip ---------------------------------------- */ }
    body > .section-wrapper > section {
      /*max-width: 636px;
      margin: 0 auto;
      
      &.map {
      	max-width: none;
      	
      	> .contact-wrapper > .contact {
      		max-width: 636px;
      		margin: 0 auto;
      	}
      }*/ }
    body.jewelerystrip {
      /*&:before {
      	margin-left: calc(-212px + 5px);
      }*/ } }
/* ------------------------------------ std_large_width [lg] ------------------------------------ */
/* --------------------------------- std_extra_large_width [xl] --------------------------------- */
@media screen and (min-width: 1366px) {
  body {
    /* ------------------------------------------- header ------------------------------------------- */
    /* ------------------------------------------- section ------------------------------------------ */
    /* ------------------------------------------- footer ------------------------------------------- */
    /* ------------------------------------------ colorcodes ----------------------------------------- */ }
    body > .header-wrapper:not(.clear-view):after {
      content: "";
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 0px;
      width: 220px;
      background-image: url(img/spot_grey_header_right.png);
      background-repeat: no-repeat; }
    body > .header-wrapper > header {
      box-sizing: border-box;
      max-width: 1366px;
      min-height: 58px;
      margin: 0 auto;
      padding-top: 20px;
      padding-bottom: 20px;
      /* mainmenu */ }
      body > .header-wrapper > header .logo {
        position: absolute;
        padding: 10px;
        bottom: 0px;
        left: 20px;
        margin: 0; }
      body > .header-wrapper > header .hamburger {
        display: none; }
      body > .header-wrapper > header .mainmenu-wrapper {
        display: block;
        margin: inherit;
        padding-top: 0;
        background-color: transparent; }
        body > .header-wrapper > header .mainmenu-wrapper > ul.menu {
          text-align: center;
          margin-bottom: -20px; }
          body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li {
            display: inline-block;
            background-color: transparent !important;
            padding-bottom: 20px;
            /* 2. level */ }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li > a {
              padding: 0 14px;
              color: #212322 !important;
              font-size: 14px; }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li:not(.teaser).current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li:not(.teaser).current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li:not(.teaser):hover > a {
              color: rgba(23, 25, 24, 0.5) !important; }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.teaser {
              position: absolute;
              z-index: 10;
              left: auto;
              top: auto;
              right: 0px;
              transform: none; }
              body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li.teaser > a {
                margin-top: -7px;
                padding: 7px 41px 7px 17px;
                color: #212322 !important;
                background: white url(img/icon_sperrmuell.svg) right top no-repeat;
                background-size: 32px 32px;
                border-radius: 32px; }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li > ul {
              display: none;
              position: absolute;
              z-index: 100;
              top: 38px;
              background-color: #343434 !important;
              border-top: 4px solid white; }
              body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li > ul:before {
                position: absolute;
                content: "";
                top: 0px;
                left: 14px;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-top: 6px solid white; }
              body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li > ul > li > a {
                white-space: nowrap;
                color: #7a7a7a !important;
                text-align: left; }
              body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li > ul > li.current-menu-ancestor > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li > ul > li.current-menu-item > a, body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li > ul > li:hover > a {
                color: white !important; }
            body > .header-wrapper > header .mainmenu-wrapper > ul.menu > li:hover > ul {
              display: block; }
    body > .header-wrapper.clear-view > header .logo {
      bottom: auto;
      left: 50%;
      margin-left: -80px;
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
    body > .header-wrapper.clear-view > header .mainmenu-wrapper {
      position: relative;
      top: 140px; }
      body > .header-wrapper.clear-view > header .mainmenu-wrapper > ul.menu > li:not(.teaser) > a {
        padding-top: 3px;
        padding-bottom: 3px;
        color: white !important; }
      body > .header-wrapper.clear-view > header .mainmenu-wrapper > ul.menu > li:not(.teaser):hover > a {
        background: url(img/navi_hover_grey.png) no-repeat;
        background-size: 100% 100%;
        background-origin: border-box; }
      body > .header-wrapper.clear-view > header .mainmenu-wrapper > ul.menu > li:not(.teaser):hover.blau > a {
        background-image: url(img/navi_hover_blue.png); }
      body > .header-wrapper.clear-view > header .mainmenu-wrapper > ul.menu > li:not(.teaser):hover.gelb > a {
        background-image: url(img/navi_hover_orange.png); }
      body > .header-wrapper.clear-view > header .mainmenu-wrapper > ul.menu > li:not(.teaser):hover.gruen > a {
        background-image: url(img/navi_hover_green.png); }
      body > .header-wrapper.clear-view > header .mainmenu-wrapper > ul.menu > li.teaser {
        right: 0px;
        top: -120px; }
    body > .section-wrapper > section.teaser > h2 {
      position: absolute;
      top: 100px;
      left: 0px;
      right: 0px;
      text-align: center; }
    body > .footer-wrapper {
      background-image: url(img/spot_grey_footer_left.png);
      background-position: left bottom;
      background-repeat: no-repeat; }
      body > .footer-wrapper:after {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
        width: 223px;
        background-image: url(img/spot_grey_footer_right.png);
        background-position: right bottom;
        background-repeat: no-repeat; }
      body > .footer-wrapper > footer .logo {
        position: absolute;
        top: 35px;
        left: 35px; }
      body > .footer-wrapper > footer .dekra {
        position: absolute;
        right: 8%;
        top: 50%;
        transform: translate(0%, -50%); }
      body > .footer-wrapper > footer .footermenu-wrapper {
        padding: 0 161px 0 144px;
        /* bugfix for logo and colorcodes */ }
        body > .footer-wrapper > footer .footermenu-wrapper > ul.menu > li.copyright {
          width: auto;
          margin-right: 30px; }
        body > .footer-wrapper > footer .footermenu-wrapper > ul.menu > li.mail {
          width: auto;
          margin-right: 10px; }
        body > .footer-wrapper > footer .footermenu-wrapper > ul.menu > li.tel {
          width: auto;
          margin-right: 60px; }
    body.blue > .header-wrapper > header .mainmenu-wrapper > ul.menu > li a > .header-wrapper:not(.clear-view):after, body.blue > .header-wrapper:not(.clear-view):after {
      background-image: url(img/spot_blue_header_right.png); }
    body.blue > .header-wrapper > header .mainmenu-wrapper > ul.menu > li a > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser) > a, body.blue > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser) > a {
      color: white !important; }
    body.blue > .header-wrapper > header .mainmenu-wrapper > ul.menu > li a > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser).current-menu-ancestor > a, body.blue > .header-wrapper > header .mainmenu-wrapper > ul.menu > li a > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser).current-menu-item > a, body.blue > .header-wrapper > header .mainmenu-wrapper > ul.menu > li a > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser):hover > a, body.blue > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser).current-menu-ancestor > a, body.blue > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser).current-menu-item > a, body.blue > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser):hover > a {
      color: rgba(255, 255, 255, 0.5) !important; }
    body.blue > .header-wrapper > header .mainmenu-wrapper > ul.menu > li a > .footer-wrapper, body.blue > .footer-wrapper {
      background-image: url(img/spot_blue_footer_left.png); }
      body.blue > .header-wrapper > header .mainmenu-wrapper > ul.menu > li a > .footer-wrapper:after, body.blue > .footer-wrapper:after {
        background-image: url(img/spot_blue_footer_right.png); }
    body.orange > .header-wrapper:not(.clear-view):after {
      background-image: url(img/spot_orange_header_right.png); }
    body.orange > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser) > a {
      color: white !important; }
    body.orange > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser).current-menu-ancestor > a, body.orange > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser).current-menu-item > a, body.orange > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser):hover > a {
      color: rgba(255, 255, 255, 0.5) !important; }
    body.orange > .footer-wrapper {
      background-image: url(img/spot_orange_footer_left.png); }
      body.orange > .footer-wrapper:after {
        background-image: url(img/spot_orange_footer_right.png); }
    body.green > .header-wrapper:not(.clear-view):after {
      background-image: url(img/spot_green_header_right.png); }
    body.green > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser) > a {
      color: white !important; }
    body.green > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser).current-menu-ancestor > a, body.green > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser).current-menu-item > a, body.green > .header-wrapper:not(.clear-view) > header .mainmenu-wrapper > ul.menu > li:not(.teaser):hover > a {
      color: rgba(255, 255, 255, 0.5) !important; }
    body.green > .footer-wrapper {
      background-image: url(img/spot_green_footer_left.png); }
      body.green > .footer-wrapper:after {
        background-image: url(img/spot_green_footer_right.png); } }

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