/** Globals
 **************************************************************** **/
body {
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
  background: url(../images/gtc/rasen.png) repeat 0 0;
}
body.main-portal {
  background: none;
}
body.modal-open {
  padding-right: 0 !important;
  -ms-overflow-style: none;
}
body #wrapper {/* used by RTL*/
  margin: 0;
  padding-top: 30px;
  box-sizing: border-box;
}
#header-wrapper,
#content-wrapper,
#footer-wrapper {
  padding: 0 10%;
}
ul {
  padding-left: 20px;
}
.more {
  margin-top: 20px;
  color: #FFFF00;
  text-decoration: underline;
  display: inline-block;
}
.more:hover {
  text-decoration: none;
}
.more + i {
  top: 2px;
  position: relative;
  color: #FFFF00;
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
  @media {
    a {
      -webkit-transition: 0;
    }
  }
}
@media (max-width: 768px) {
  body #wrapper {
    padding-top: 15px;
  }
  #header-wrapper,
  #content-wrapper,
  #footer-wrapper {
    padding: 0 8%;
  }
}

/** Customer Search
 **************************************************************** **/
form.location-search .input-group {
	width: 100%;
}
form.customer-search .input-group {
  width: 80%;
}
form.location-search input.form-control,
form.location-search input.form-control:active,
form.customer-search input.form-control,
form.customer-search input.form-control:active {
  height: 30px !important;
  padding: 3px 6px !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: #FFFFFF !important;
  color: #333333 !important;
  font-weight: normal;
  font-family: Arial;
}

/** Header Top Nav
 **************************************************************** **/
#header {
  background-color: #005500;
  border-bottom: none;
  z-index: 1600;
}
#topNav a.logo {
  height: 140px;
  line-height: 140px;
}
#topNav a.logo img.logo-gross {
  display: inline-block;
}
#topNav a.logo img.logo-mittel,
#topNav a.logo img.logo-klein {
  display: none;
}
#topNav .alternate-search {
  display: none;
}
#topNav button.btn-mobile {
  color: #FFFF00;
}
#header a.logo > img {
  height: 90px;
}
#topNav nav.nav-main {
  background-color: transparent;
}
#topNav .nav-tabs {
  top: 26px;
  position: relative;
}
#topNav .nav-tabs {
  border-bottom: none;
}
#topNav .navbar-collapse {
  padding: 0;
  left: 20px;
  width: 100%;
  position: relative;
  float: none;
}
#topNav .nav-tabs > li {
  top: 57px;
  padding: 0;
  transition: 0.3s;
  position: relative;
  z-index: 3;
}
	@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
		@media {
			#topNav .nav-tabs > li {
				-webkit-transition: 0;
			}
		}
	}
#topNav .nav-tabs > li.tab-hover {
  transition: 0;
  z-index: 3;
}
#topNav .nav-tabs > li.tab-hover {
  height: 110px;
  transition: 0.3s;
}
#topNav .nav-tabs > li:first-child,
#topNav .nav-tabs > li:first-child:hover,
.non-portal #topNav .nav-tabs > li:nth-child(3),
.non-portal #topNav .nav-tabs > li:nth-child(3):hover {
  z-index: 1;
}
	@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
		@media {
			#topNav .nav-tabs > li:hover {
				-webkit-transition: 0;
			}
		}
	}
#topNav .nav-tabs > li.tab-hover a {
  height: 110px;
}
#topNav .nav-tabs > li.active {
  top: 2px;
}
#topNav .nav-tabs > li.active.activesmall {
  top: 57px;
}
#topNav .nav-tabs > li.active.activesmall a {
  height: 55px;
  overflow: hidden;
}
#topNav .nav-tabs > li.active.activesmall form {

}
#topNav .nav-tabs li a {
  height: 55px;
}
#topNav .nav-tabs li.active a {
  height: 110px;
}
#topNav .nav-tabs li a,
#topNav .nav-tabs li.active a {
  /* margin-right: 3px; */
  padding: 14px 17px;
  border-radius: 4px 4px 0 0 !important;
  background-color: #007700 !important;
  color: #FFFFFF !important;
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold;
  border: none;
  cursor: default;
}
#topNav .nav-tabs li a.toFooter {
  cursor: pointer;
}
#topNav .nav-tabs li.non-portal-tab {
	z-index: 3 !important;
}
#topNav .nav-tabs li a * {
  color: #FFFFFF;
}
#topNav .nav-tabs li .location-search button {
  padding: 0;
  margin: -5px 0 0 10px;
}
#topNav .nav-tabs li .location-search .form-control {
  width: calc(100% - 10px);
}
/* Nur grob vorbereitet START */
#topNav .nav-tabs li.active .listen-kopf,
#topNav .nav-tabs li.active ul {
  display: none;
}
#topNav .nav-tabs li.active > a,
#topNav .nav-tabs li.active .listen-kopf,
#topNav .nav-tabs li.active ul {
 background-color: #55A000 !important;
}
#topNav .nav-tabs li.active:hover a .content.links li {
  color: #FFFFFF !important;
}
#topNav .nav-tabs li.active:hover a .content.links li i {
  color: #FFFF00 !important;
}
#topNav .nav-tabs li.active a * {
	color: inherit;
}
#topNav .nav-tabs li.active a {
  border: none !important;
  color: #FFFF00 !important;
  background-color: #55A000 !important;
}
/* Nur grob vorbereitet ENDE */
#topNav .nav-tabs li a i {
  padding-right: 17px;
}
#topNav .nav-tabs li.active a i {
  color: #FFFF00 !important;
}
#topNav .nav-tabs li.active a span {
  color: #FFFF00 !important;
}
#topNav .nav-tabs > li > a:hover {
  border: none;
  /* color: #FFFF00;
   */
  background-color: #007700 !important;
}
#topNav .nav-tabs > li.active > a:hover {
  background-color: #55A000 !important;
}
#topNav .nav-tabs li a .content {
  display: none;
  background-color: #007700;
  min-height: 0 !important;
}
#topNav .nav-tabs li.tab-hover a .content {
  display: block;
}
#topNav .nav-tabs li a .content p {
  margin-top: 25px;
  color: #FFFFFF;
  text-transform: none;
  font-size: 18px;
}
#topNav .container {
  width: calc(100% - 30px);
}
#topNav .nav-main-collapse form.location-search {
	margin-top: 18px;
	width: calc(100% - 30px);
}
#topNav .nav-main-collapse form.customer-search {
  top: 43px;
  left: 15px;
  margin-top: 18px;
  width: calc(100% - 30px);
  position: absolute;
}
#topNav form.customer-search .input-group {
  width: 100%;
}
#topNav form.customer-search button {
  width: 30px;
  color: #FFFF00;
}
#topNav form.customer-search button i {
  line-height: 12px !important;
}
#topNav .content.links span {
  font-size: 18px;
  font-weight: bold;
  display: block;
  line-height: 30px;
  text-transform: none;
}
#topNav .content.links span.listen-kopf {
  padding: 22px 17px 0 17px;
  background-color: #007700;
  margin: 0 -17px;
}
#topNav .active .content.links span.listen-kopf {
  background-color: #55A000;
}
#topNav .content.links span ul {
  margin: 0 -17px 0 -17px;
  background-color: #007700;
  padding: 10px 0 18px 18px;
  text-transform: none;
  font-size: 15px;
  font-weight: normal;
  border-radius: 0 0 4px 4px;
}
#topNav .content.links ul li {
  text-decoration: underline;
  cursor: pointer;
  line-height: 24px;
  font-family: Arial;
}
#topNav .content.links ul li:hover {
	text-decoration: none;
}
#topNav .content.links ul li:last-child {
  margin-top: 5px;
}
.touch #topNav area {
  display: block;
}
@media (max-width: 1200px) {
  #topNav .nav-main-collapse form.customer-search {
    width: 175px;
  }
  #topNav .nav-tabs > li {
    transition: 0.1s;
  }
  	@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
		@media {
			#topNav .nav-tabs > li {
				-webkit-transition: 0;
			}
		}
	}
}
@media (min-width: 992px) {
  #topNav .nav-tabs > li.tab-hover {
    top: 2px;
  }
}
@media (max-width: 1100px) {
  #topNav .nav-tabs li a, #topNav .nav-tabs li.active a {
    font-size: 18px;
    padding: 14px;
  }
  #topNav .content.links span ul {
    margin: 0 -14px 0 -14px;
  }
  #topNav .nav-main-collapse form.customer-search {
    width: calc(100% - 30px);
  }
  #topNav .content.links span.listen-kopf {
    padding: 22px 14px 0 14px;
    background-color: #007700;
    margin: 0 -14px;
  }
}
@media (max-width: 991px) {
  #topNav .nav-tabs > li.tab-hover {
    height: auto;
  }
  #topNav .nav-tabs > li.tab-hover a {
    height: auto;
  }
  #topNav .nav-tabs > li:hover {
    top: 57px;
    height: auto;
  }
  #topNav .nav-tabs > li:hover a {
    height: 55px;
  }
  #topNav .nav-tabs > li:hover a .content,
  #topNav .nav-tabs > li.active a .content {
    display: none;
  }
}
@media (max-width: 991px) {
  #header {
    height: 85px !important;
    border-bottom: 5px solid #55A000;
  }
  #topNav > div.container {
    height: 85px;
  }
  #topNav .col-md-10 {
    clear: both;
  }
  #topNav .alternate-search {
    margin-left: 30px;
    display: block;
    float: left;
    width: 300px;
  }
  #topNav .alternate-search p {
    margin: 10px 0 3px 0;
    color: #FFFF00;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
  }
  #topNav .alternate-search .customer-search {
    margin: 0;
  }
  #topNav div.nav-main-collapse, #topNav div.nav-main-collapse.in {
    z-index: 10;
  }
  #topNav div.navbar-collapse {
    padding: 0 !important;
  }
  #header #topNav a.logo {
    height: 80px !important;
    line-height: 80px !important;
    position: relative;
    z-index: 5;
  }
  #topNav a.logo img.logo-mittel {
    display: inline-block !important;
  }
  #topNav a.logo img.logo-gross,
  #topNav a.logo img.logo-klein {
    display: none !important;
  }
  #topNav .navbar-collapse {
    margin-top: 1px;
    padding: 0 25px !important;
    position: relative;
  }
  #topNav .nav-tabs {
    top: 0;
    margin-left: 0;
    position: static;
  }
  #topNav .nav-tabs {
    top: 0;
    /* left: -325px; */
    margin-left: 0;
    position: relative;
  }
  #topNav .nav-tabs > li:first-child {
    display: none !important;
  }
  #topNav .nav-tabs li a {
    white-space: nowrap;
    padding-left: 35px;
  }
  .main-portal #topNav .nav-tabs > li:nth-child(3) > a {
    border-top: 1px solid #FFFFFF !important;
  }
  #header a.logo > img {
    margin-top: 0;
  }
  #topNav button.btn-mobile {
    top: -58px;
    margin-top: 0;
    padding: 0;
  }
  #topNav .nav-tabs > li,
  #topNav .nav-tabs > li:hover {
    top: 0;
    margin-bottom: 0;
    float: none;
  }
  #topNav .nav-tabs > li a,
  #topNav .nav-tabs > li.active a,
  #topNav .nav-tabs > li.has-flyout a {
    border-radius: 0 !important;
    border-bottom: 1px solid #FFFFFF !important;
  }
  #topNav .nav-tabs > li .btn-breadcrumb a,
  #topNav .nav-tabs > li.active .btn-breadcrumb a {
    border-bottom: none !important;
  }
  #topNav .nav-tabs li a i.fa-map-marker {
    padding-right: 17px;
  }
  #topNav .nav-tabs li a i.glyphicon-piggy-bank {
    padding-right: 8px;
  }
  #topNav div.nav-main-collapse {
    overflow: visible;
  }
  #topNav nav.nav-main {
    margin-left: -50px;
  }
  #topNav .nav-tabs > li, #topNav .nav-tabs > li:hover {
    width: calc(100% + 10px);
  }
  #topNav .nav-tabs > li.active,
  #topNav .nav-tabs > li.mark_as_active {
    display: none !important;
  }
  #topNav .nav-tabs > li.active-mobile {
    display: inline-block;
  }
  .nav-tabs > li > a {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  header > .container {
    padding-left: 0;
    padding-right: 0;
  }
  #topNav .alternate-search {
    width: 250px;
  }
  #topNav nav.nav-main {
    margin-top: -1px;
  }
  #topNav nav.nav-main {
    margin-right: 15px;
    margin-left: -35px;
  }
  #header header .additional-text {
    padding-right: 0;
  }
  #topNav .nav-tabs li a {
    padding-left: 20px;
  }
}
@media (max-width: 576px) {
  #topNav .alternate-search {
    width: 200px;
  }
}
@media (max-width: 500px) {
  #topNav .alternate-search {
    width: 170px;
  }
}
@media (max-width: 410px) {
  #topNav a.logo img.logo-klein {
    width: 40px;
    height: 40px;
    display: inline-block !important;
  }

  #topNav a.logo img.logo-gross,
  #topNav a.logo img.logo-mittel {
    display: none !important;
  }
  #topNav .alternate-search {
    width: 160px;
  }
}
@media (max-width: 350px) {
  #topNav .alternate-search {
    margin-left: 15px;
    width: 155px;
  }
}
/** Page Menu
 **************************************************************** **/
#page-menu {
  z-index: 10;
  position: relative;
  background-color: #55A000;
  height: auto;
  line-height: 1;
}
#page-menu .container {
  z-index: 10;
  position: relative;
  background-color: #55A000;
}
#page-menu .container {
  width: 100%;
}
#page-menu ul > li {
  height: 45px;
  overflow: hidden;
  padding: 0;
  position: relative;
}
#page-menu ul > li > a {
  /* bottom: 15px; */
  padding: 0 28px 0 35px;
  font-family: 'Open Sans';
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  /* position: relative; */
  background-color: #007700;
  background: #007700 url(../images/gtc/arrow.png) no-repeat 100% 0;
}
#page-menu ul > li > a:hover {
  color: #FFFF00;
  background-color: #55A000;
}
#page-menu ul > li:last-child .arrow-breadcrumb-right {
  border-color: #55A000;
}
@media (max-width: 991px) {
  #page-menu ul {
    min-width: 0;
    display: block;
    position: static;
  }
  #page-menu ul > li {
    float: left !important;
  }
  #page-menu ul > li > a {
    padding: 0 20px;
    font-size: 17px;
    height: 46px;
  }
  #page-menu ul > li.active > a,
  #page-menu ul > li > a:hover {
    color: #FFFF00 !important;
  }
  #page-menu ul > li, #page-menu ul > li > a {
    display: inline-block;
  }
  #page-menu ul > li > i {
    top: 3px;
    font-size: 16px;
  }
}
/** Breadcrumb
 **************************************************************** **/
/* neu */
header .btn-breadcrumb-wrapper {
  background-color: #55A000;
  position: relative;
  z-index: 2;
}
header #breadcrumb {
  background-color: #55A000;
  float: left;
}
.non-portal header #breadcrumb {
  max-height: 46px;
  overflow: hidden;
}
.kein-flyout header #breadcrumb {
  overflow: visible;
}
header #breadcrumb li {
  position: static;
}
header .btn-breadcrumb {
  background-color: #55A000;
}
header .additional-text {
  float: right;
  line-height: 30px;
}
header .btn-breadcrumb .btn:last-child {
  display: inline-block;
}
header #breadcrumb-wrapper.fixed {
  top: 0;
  position: fixed;
  z-index: 10;
  width: 80%;
}
#breadcrumb-navi {
  display: none;
}
#topNav .nav-tabs #breadcrumb-navi li a,
#topNav .nav-tabs #breadcrumb-navi li.active a {
  color: #FFFF00;
}
/* alt */
.breadcrumb-wrapper {
  background-color: #55A000;
}
.btn-breadcrumb  > li > .btn:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb > li > .btn:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -24px;
  margin-left: 2px;
  left: 100%;
  z-index: 3;
}
.btn-gtc {
  background-color: #007700;
  border-color: #007700;
  /* transition: all 0s ease 0s; */
}
.btn-gtc:hover {
 /*  background-color: #55A000;
  border-color: #55A000; */
}
li:last-child:not(:first-child) .btn-gtc,
li:last-child:not(:first-child) .btn-gtc:hover {
  background-color: #55A000;
  border-color: #55A000;
  cursor: default;
  transition: all 0s ease 0s; */
}
.btn-breadcrumb .btn,
.btn-breadcrumb .btn h1 {
  height: 46px !important;
  padding: 0 27px 0 33px;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold;
  text-decoration: none !important;
  line-height: 46px;
  border-radius: 0;
  color: #FFFF00;
}
.btn-breadcrumb .btn h1 {
  padding: 0;
}
.btn-breadcrumb > li > .btn-gtc:focus {
  background: #007700;
}
.non-portal .btn-breadcrumb .btn,
.non-portal .btn-breadcrumb .btn h1 {
  color: #FFFFFF;
}
.non-portal .btn-breadcrumb .btn:hover {
  color: #FFFF00;
}
.non-portal .btn-breadcrumb li:last-child .btn:hover {
  color: #FFFFFF;
  background-color: #55A000 !important;
}
.non-portal .btn-breadcrumb li:first-child a.btn:hover {
  background-color: #007700 !important;
}
.non-portal .btn-breadcrumb li:first-child button.btn:hover {
  background-color: transparent !important;
}
.btn-breadcrumb .btn:hover .btn-top {
  top: 0;
  right: -2px;
  width: 2px;
  height: 45px;
  /* background: #55a000 none repeat scroll 0 0; */
  display: block;
  position: absolute;
  z-index: 20000;
}
.btn-breadcrumb > li > .btn:hover {
  color: #FFFFFF;
  background-color: #007700 !important;
}
#breadcrumb-navi li {
  float: none;
}
#breadcrumb-navi .btn {
  display: block;
  text-align: left;
  cursor: pointer !important;
  border-top: 1px solid #FFFFFF !important;
}
#topNav #breadcrumb-navi .btn-breadcrumb li:first-child .btn:first-child,
#topNav .btn-breadcrumb li:first-child .btn:first-child {
  padding-left: 28px;
  color: #FFFF00;
}
#topNav #breadcrumb-wrapper #breadcrumb li:last-child:not(:first-child) .btn:first-child {
  padding-right: 0;
}
#topNav #breadcrumb-navi .btn-breadcrumb .btn:first-child,
#topNav .btn-breadcrumb .btn:first-child {
  padding: 0 27px 0 33px;
}
#topNav #breadcrumb-navi .btn-breadcrumb .breadcrumb-ellipsis .btn:first-child,
#topNav .btn-breadcrumb .breadcrumb-ellipsis .btn:first-child {
  padding: 0 37px 0 43px;
}
#topNav #breadcrumb-navi li:not(:first-child) .btn {
  text-transform: none;
  padding-left: 59px;
}
#topNav #breadcrumb-navi li.hasFlyout ul {
  display: none;
}
#topNav #breadcrumb-navi li.naviFlyout .btn {
  padding-left: 75px;
  background-color: #DBDBDB !important;
}
#topNav #breadcrumb-navi li:not(:first-child).naviFlyout .btn span {
  color: #333333 !important;
}
.btn-breadcrumb .btn:last-child {
  display: none;
}
.btn-breadcrumb .btn.btn-gtc:after {
  border-left: 10px solid #007700;
}
.btn-breadcrumb li:last-child:not(:first-child) .btn.btn-gtc:after {
  border-left: 10px solid #55A000;
}
.btn-breadcrumb .btn.btn-gtc:before {
  border-left: 10px solid #55A000;
}
.btn-breadcrumb .breadcrumb-ellipsis h1 {
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-family: 'Open Sans';
  font-size: 14px;
  line-height: 1;
  display: inline-block;
}
.btn-breadcrumb .breadcrumb-ellipsis h1:hover {
  color: #FFFF00;
}
.btn-breadcrumb .breadcrumb-ellipsis > a,
.btn-breadcrumb .breadcrumb-ellipsis > a:focus {
  background-color: #007700;
}
.btn-breadcrumb .breadcrumb-ellipsis h1 + span + i {
  display: none;
}
.btn-breadcrumb div.flyout-breadcrumb-wrapper-ellipsis,
.btn-breadcrumb div.flyout-breadcrumb-wrapper {
  left: 0;
  width: 100%;
  padding: 0;
  background-color: #007700;
  position: absolute;
  display: none;
  border-top: 2px solid #005500;
  box-shadow: 0 2px 2px rgba(90, 90, 90, 0.3);
  transition: 0.3s;
}
.btn-breadcrumb li:first-child div.flyout-breadcrumb-wrapper {
  /* display: block !important; */
}
.btn-breadcrumb div.flyout-breadcrumb-wrapper .row {
  margin: 0;
  padding: 0;
}
.btn-breadcrumb .breadcrumb-ellipsis div.flyout-breadcrumb {
  padding: 5px 0 4px 35px;
}
.btn-breadcrumb .breadcrumb-ellipsis div a {
  white-space: nowrap;
  color: #FFFFFF;
  line-height: 30px;
  font-family: "Open Sans";
  font-weight: bold;
}
.btn-breadcrumb .breadcrumb-ellipsis div a:hover {
  color: #FFFF00 !important;
}
.btn-breadcrumb .breadcrumb-ellipsis div a i {
  padding-right: 10px;
  padding-left: 6px;
  font-weight: bold;
  color: #55A000;
}
.btn-breadcrumb .breadcrumb-ellipsis div a:hover {
  color: #FFFFFF;
}
#header header .additional-text {
  padding-left: 30px;
  float: left;
  line-height: 46px;
  color: #FFFFFF;
  font-size: 18px;
  font-family: "Open Sans", Arial, sans-serif;
}
#header header .additional-text a {
  color: #FFFFFF;
  background-color: transparent !important;
  text-transform: none;
}
#header header .additional-text a i {
  padding-left: 5px;
}
#breadcrumb-navi li.active-mobile,
#breadcrumb-navi li.bordered {
  border-top: 1px solid #FFFFFF;
}
#breadcrumb-navi li.active-mobile,
#breadcrumb-navi li.active-mobile * {
  color: #FFFF00 !important;
}
@media (max-width: 991px) {
  #breadcrumb-wrapper,
  #breadcrumb {
    display: none;
  }
  #breadcrumb-navi {
    display: block;
    position: relative;
  }
  .non-portal #breadcrumb-navi {
    border-bottom: 1px solid #FFFFFF;
  }
  #breadcrumb-navi ul {
    padding-left: 0;
    list-style-type: none;
    color: #333333;
    background-color: #DBDBDB;
  }
  #breadcrumb-navi ul li.naviFlyout a {
    background-color: #DBDBDB !important;
  }
  #topNav .btn-breadcrumb li:first-child .btn:first-child {
    padding-left: 33px;
  }
  #topNav .nav-tabs li.naviFlyout a * {
    color: #333333;
  }
  li.hasFlyout ul {
    display: none;
  }
  li.hasFlyout:hover ul {
    display: block;
  }
  #breadcrumb-navi li:first-child {
    position: static;
  }
  #topNav .nav-tabs li a i.fa-map-marker {
    padding-right: 18px;
  }
  #topNav .nav-tabs li a i.glyphicon-piggy-bank {
    font-size: 17px;
    padding-right: 8px;
  }
  #breadcrumb-navi .additional-text {
    top: 0;
    right: 0;
    padding-right: 15px;
    position: absolute;
    z-index: 10;
  }
  #breadcrumb-navi .additional-text a {
    padding: 0 0 0 2px !important;
    background-color: transparent !important;
  }
  #topNav #breadcrumb-navi li:not(:first-child) .btn {
    padding-left: 63px;
  }
  .btn-breadcrumb .btn:not(:last-child):after,
  .btn-breadcrumb .btn:not(:last-child):before {
    display: none;
  }
}
@media (max-width: 875px) {
  #breadcrumb-navi .additional-text .part1 {
    display: none;
  }
}
@media (max-width: 768px) {
  #topNav .btn-breadcrumb li:first-child .btn:first-child {
    padding-left: 18px;
  }
  #topNav #breadcrumb-navi li:not(:first-child) .btn {
    padding-left: 47px;
  }
}

@media (max-width: 600px) {
  #breadcrumb-navi .additional-text .part2 {
    display: none;
  }
}
/** Mega Menu
 **************************************************************** **/
#wrapper #header #topNav .btn-breadcrumb li.mega-menu div.row div {
  display:table-cell;
  border-left: 1px solid #FFFFFF;
  margin-left: -1px;
  display: table-cell;
  vertical-align: top;
  float: none;
  margin:0;
  padding: 0;
}
#wrapper #header #topNav .btn-breadcrumb li.mega-menu div.row div > ul > li > span {
  color: #111;
  font-weight: bold;
  display: block;
  padding: 6px 15px 15px 15px;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row {
  padding: 0 10px;
  background-color: #E5E1D8;
  border-color: #E5E1D8;
  font-family: Arial;
  color: #333333;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper form {
  margin-bottom: 0;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper button[type=submit] {
  padding: 0 0 0 10px;
  bottom: 6px;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row button[type=submit] i {
  /* display: none; */
  color: #999999;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row > div {
  border-right: 1px solid #FFFFFF;
  padding-right: 20px;
  padding-left: 20px;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row > div:nth-child(4) {
  border-right: none;
}
#wrapper #header #topNav .btn-breadcrumb .flyout-breadcrumb-wrapper .row div.famous-product-headline {
  font-weight: bold;
  font-size: 15px;
  padding: 8px 20px 4px 22px;
}
#wrapper #header #topNav .btn-breadcrumb .flyout-breadcrumb-wrapper .row .flyout-top-product-wrapper div.famous-product-headline {
  padding-left: 0;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row h4 {
  margin-top: 15px;
  color: #005500;
  font-weight: bold;
  line-height: 22px;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row p {
  margin-bottom: 10px;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row a,
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row a:hover {
  padding: 1px 6px 1px 4px;
  font-size: 15px;
  text-transform: none;
  display: block;
  color: #333333 !important;
  font-family: Arial;
  font-weight: normal;
  border-bottom: 1px solid #BAB2A7;
  transition: none !important;
  line-height: 28px;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row a:hover {
  background-color: #BBB1A5;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row a.flyout-empty-link:hover {
  background: none;
  cursor: default;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row div a:first-child {
  margin-top: 5px;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row div a:last-child {
  margin-bottom: 5px;
  border-bottom: none;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row li:last-child a {
  border-bottom: none;
}
#wrapper #header #topNav .flyout-breadcrumb-wrapper .row div a.first-entry {
  margin-top: 35px;
  border-top: 1px solid #BAB2A7;
}
/* Flyout gt.com */
#wrapper #header #topNav li:first-child .flyout-breadcrumb-wrapper .row strong {
  font-size: 15px;
  border-bottom: 1px solid #BAB2A7;
  padding: 10px 0 3px 3px;
  display: block;
}
#wrapper #header #topNav li:first-child .flyout-breadcrumb-wrapper .row .col-md-6 + .col-md-3 + .col-md-3 {
  border-right: none;
}
#wrapper #header #topNav li:first-child .flyout-breadcrumb-wrapper .row .col-md-3 {
  padding-bottom: 5px;
}
#wrapper #header #topNav li:first-child .flyout-breadcrumb-wrapper .row .col-md-6:first-child strong {
  border-bottom: none;
  padding-bottom: 10px;
  padding-left: 0;
}
#wrapper #header #topNav li:first-child .flyout-breadcrumb-wrapper .row .col-md-6 .customer-search {
  visibility: visible !important;
}
@media (max-width: 1310px) {
  #wrapper #header #topNav .flyout-breadcrumb-wrapper .col-md-3:nth-child(2) .form-control {
    font-size: 0.9em;
  }
}
@media (max-width: 1210px) {
  #wrapper #header #topNav .flyout-breadcrumb-wrapper .col-md-3:nth-child(2) .form-control {
    font-size: 0.8em;
  }
}
@media (max-width: 1110px) {
  #wrapper #header #topNav .flyout-breadcrumb-wrapper .col-md-3:nth-child(2) .form-control {
    font-size: 0.65em;
  }
}
@media (max-width: 1px) {
  #wrapper #header #topNav .flyout-breadcrumb-wrapper .col-md-3:nth-child(2) .form-control {
    font-size: 0.65em;
  }
}
@media (max-width: 1015px) {
  #wrapper #header #topNav .flyout-breadcrumb-wrapper .col-md-3:first-child .form-control {
    font-size: 0.9em;
  }
}
@media (max-width: 768px) {
  #wrapper #header #topNav ul.dropdown-menu .flyout-produkte {
    padding: 20px !important;
  }
  #wrapper #header #topNav ul.dropdown-menu ul li:last-child a {
    border-bottom: 1px solid #CCCCCC;
  }
}
/** Content
 **************************************************************** **/
#content-wrapper .content {
  background: none;
  background-color: #FFFFFF;
}
#content-wrapper .container {
    width: calc(100% - 30px);
}
#content-wrapper section.content section {
  padding-bottom: 0;
}
#content-wrapper section.content section:first-child {
  padding-top: 0;
}
#content-wrapper .content h1,
#content-wrapper .content h2,
#content-wrapper .content h2 *,
#content-wrapper .content h3,
#content-wrapper .content h3 *,
#content-wrapper .content h4,
#content-wrapper .content h5,
#content-wrapper .content h6 {
  color: #005500;
}
#content-wrapper .content .teaser-text {
  height: 70px;
  margin-bottom: 33px;
  font-size: 15px;
  line-height: 22px;
  overflow: hidden;
}
#content-wrapper .content .regionen-start > .row {
  margin-bottom: 33px;
}
/* #content-wrapper .content h1:hover {
  height: auto;
  overflow: visible;
} */
#content-wrapper .content .teaser-text span {
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  color: #333333;
}
#content-wrapper .content  .teaser-text span.block {
  margin-top: 15px;
  display: block;
}
#content-wrapper .content .teaser-text div.more-wrapper {
  top: 44px;
  right: 15px;
  padding-left: 10px;
  background: transparent url(/resources/gtc_portal/images/gtc/verlauf_5px.png) repeat-y 0 0;
  position: absolute;
  font-family: Arial;
  color: #333333;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #content-wrapper .content .teaser-text div.more-wrapper {
    top: 44px;
  }
}

/* #content-wrapper .content h1:hover div.more-wrapper {
  display: none;
}
 */
#content-wrapper .content .teaser-text a,
#content-wrapper .content .kategorien a,
#content-wrapper .content #regions-text a {
  text-decoration: underline;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
}
#content-wrapper .content .teaser-text a:hover,
#content-wrapper .content .kategorien a:hover {
  text-decoration: none;
}
#content-wrapper .content h2 {
  margin-bottom: 10px;
  font-size: 23px;
}
#content-wrapper .content h3 {
  margin-bottom: 9px;
  font-size: 18px;
}
#content-wrapper .content {
  padding-top: 28px;
  padding-bottom: 28px;
}
#content-wrapper .content .description {
  margin-bottom: 25px;
}
/** Regionen Startseite
 **************************************************************** **/
.content > .regionen-start > .row > div {
  padding-top: 20px;
  padding-bottom: 25px;
  text-align: center;
}
.content .regionen-start > .row > div:nth-child(2) {
  background-color: #F3F3F3;
  border-radius: 4px;
}
.content > .regionen-start .col-md-4 h2 {
  text-align: center;
}
.content > .regionen-start .list-inline > li {
  /* margin: 0 auto;
  display: block; */
}
.content > .regionen-start .list-inline > li:nth-child(4),
.content > .regionen-start .list-inline > li:nth-child(5),
.content > .regionen-start .list-inline > li:nth-child(6) {
  /* margin: 0 auto;
  display: block; */
  display: none;
}
@media only screen and (min-width: 2430px) {
  .content > .regionen-start > .row > div {
    text-align: left;
  }
  .content .regionen-start > .row li:nth-child(2n) {
    /* float: right; */
    margin-left: 9px;
  }
  .content > .regionen-start .list-inline > li {
    width: 48.8%;
    max-width: none;
  }
  .content > .regionen-start .list-inline > li:nth-child(4),
  .content > .regionen-start .list-inline > li:nth-child(5),
  .content > .regionen-start .list-inline > li:nth-child(6) {
    display: inline-block;
  }
}
/** Produktlisten
 **************************************************************** **/

/** Map Section
 **************************************************************** **/
#osm_map {
  position: absolute;
  width: 100%;
  min-height: 100%;
  height: 100px;
  top: 0px;
  left: 0px;
  z-index: 1;
}
.main-portal .gm-bundled-control {
  right: 100px !important;
  top: 30px;
}
@media (max-width: 1400px) {
  .main-portal .gm-bundled-control {
    right: 85px !important;
  }
}
@media (max-width: 1200px) {
  .main-portal .gm-bundled-control {
    right: 65px !important;
  }
}
@media (max-width: 991px) {
  .main-portal .gm-bundled-control {
    right: 40px !important;
  }
}
@media (max-width: 768px) {
  .main-portal .gm-bundled-control {
    top: 20px;
    right: 30px !important;
  }
}
@media (max-width: 570px) {
  .main-portal .gm-bundled-control {
    right: 20px !important;
  }
}

section.featured-grid div.row > div .ribbon::before, .modal-content {
  border-top-color: #007700;
}
/** Overlay Modal
 **************************************************************** **/
.modal {
  padding-right: 0 !important;
  padding-left: 0 !important;
  -ms-overflow-style: auto;
  z-index: 1600;
}
.modal.hasScrollBar {
  padding-right: 0 !important;
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
  @media (max-width: 1023px) {
    .modal {
      padding-right: 0 !important;
    }
    .modal-dialog, .modal-content {
      width: 100% !important;
    }
  }
}
.modal-dialog {
  width: 80%;
  margin: 216px 10% 0 10%;
  /* margin-left: calc(10% + 2px); */
  box-sizing: border-box;
}
.non-portal .modal-dialog {
  margin-top: 46px;
}
/* .modal-dialog.modal-produkt {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
} */
.modal-header {
  margin: 0 25px 10px 25px;
  padding-right: 5px;
  padding-left: 5px;
}
.modal-header {
  padding-bottom: 11px;
}
.modal-header .close {
  margin-top: -1px;
}
.close {
  font-size: 27px;
}
.modal-title {
  margin-right: 20px;
  color: #005500;
}
h4.modal-title a {
  display: block;
  color: #005500;
}
.modal-content {
  border-radius: 0;
}
.modal-content .container {
  width: 100%;
}
.modal-body {
  padding: 4px 0 15px 0;
}
.modal-body {
  font-size: 16px;
}
.modal-body.inhalt-geladen {
  background-image: none;
}
.modal-body .row {
  margin-right: -5px;
  margin-left: -5px;
}
.modal-body .street,
.modal-body .city {
  padding-left: 0;
  display: block;
}
.modal-body a {
  color: #333333;
  text-decoration: underline;
}
.modal-body a:hover {
  text-decoration: none;
}
.modal-body span {
  padding-left: 5px;
}
.modal-body-left div {
  line-height: 34px;
  font-size: 18px;
}
.modal-body-left div a {
  margin-bottom: 3px;
  text-decoration: none;
  display: inline-block;
}
.modal-body-left div a span {
  bottom: 5px;
  text-decoration: underline;
  position: relative;
}
.modal-body-left div a:hover span {
  text-decoration: none;
}
.modal-body-left div a i {
  width: 26px;
  font-size: 27px;
  display: inline-block;
}
.modal-body-top,
.modal-body-middle {
  padding-bottom: 15px;
  border-bottom: 1px solid #E5E5E5;
}
.modal-body-middle {
  padding-bottom: 10px;
}
.modal-body-right,
.modal-body-left {
  padding: 5px;
}
.modal-body-right {
  max-height: 300px;
  overflow-y: auto;
  padding: 15px 15px 15px 15px;
  background-color: #E5E1D8;
}
#content-wrapper .modal-content h3,
#content-wrapper .modal-content h3 *,
.modal-content h5,
.modal-content h5 * {
  margin-top: 10px;
  margin-bottom: 2px;
  font-size: 22px;
  color: #005500;
}
.modal-content h3 a {
  text-decoration: none;
}
.modal-content h3 a:hover {
  color: #005500;
}
.modal-content h3 i {
  padding-left: 10px;
}
.modal-content h5,
.modal-content h5 * {
  font-size: 18px;
}
.modal-body-right h5:first-child {
  margin-top: 0;
}
.modal-content .opening > table:first-child {
  margin-top: 0 !important;
}
.modal-body .sonderangebot-vorlage {
  display: none;
}
.modal-body .sonderangebot-preis-alt {
  text-decoration: line-through;
}
.modal-body .sonderangebot-alle-angebote-button a {
  padding: 0.8em;
  padding-right: 1.8em;
  margin: 0 0 20px 0;
  background-color: #007700;
  border-color: #007700;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 17px;
  height: auto;
}
.modal-body .sonderangebot-alle-angebote-button a:before {
  right: 0.8em;
  font-size: 17px;
  content: "";
}
.modal-body .sonderangebote {
  padding-top: 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.modal-body .sonderangebot {
  padding-top: 2px;
  padding-bottom: 2px;
}
.modal-body .sonderangebote .sonderangebot .gartentechnik_com {
  height: 100%;
}
.modal-body .sonderangebot-vorlage + .sonderangebot {
  padding-left: 0;
  border-left: none;
}
.modal-body .sonderangebot:last-child {
  padding-right: 0;
}
.modal-body .modal-body-middle > div,
.modal-body .modal-body-bottom > div {
  padding-right: 5px;
  padding-left: 5px;
}
.modal-body .sonderangebot-uberschrift a {
  text-decoration: none;
}
	.modal-body .sonderangebot-uberschrift a .marke {
	  font-size: 18px;
	  font-weight: bold;
	}

	.modal-body .sonderangebot-uberschrift a .name {
	  font-size: 16px;
	}
.modal-body .sonderangebot-bild {
  margin: 10px 0;
  max-height: 200px;
}
.modal-body .sonderangebot-bild img {
  max-width: 100%;
  max-height: 200px;
  height: auto;
}
.modal-body .sonderangebot-preis-neu {
  font-weight: bold;
}
.gtc-button a,
.gtc-button button {
  padding: 0.4em;
  padding-right: 1.8em;
  padding-left: 0.8em;
  margin: 10px 0 0 0;
  background-color: #007700;
  border-color: #007700;
  font-weight: bold;
  text-decoration: none;
  color: #FFFF00 !important;
  font-size: 15px;
  height: 26px !important;
  line-height: 14px !important;
}
.gtc-button a:hover,
.gtc-button button:hover {
  color: #FFFF00;
}
.gtc-button a:before,
.gtc-button button:before {
  right: 0.6em;
  font-size: 15px;
  content: "";
}
.modal-body .sonderangebot .aktuell.ist_reduziert {
  font-weight: bold;
}
/** Product Modal START
 **************************************************************** **/
.modal-produkt {
  margin-top: 0 !important;
  border-top: 5px solid #005500;
  border-bottom: 5px solid #005500;
}
.modal-produkt .modal-header {
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 4px;
}
.modal-produkt .modal-body {
  background: transparent url(../images/gtc/warten.gif) no-repeat 50% 50%;
}
.modal-produkt .modal-body.inhalt-geladen {
  background-image: none;
}
.modal-produkt .container {
  padding-right: 5px;
  padding-left: 5px;
}
.modal-produkt .col-md-4
.modal-produkt .col-sm-4 {
  padding-right: 25px;
  padding-left: 25px;
}
.modal-produkt .clear {
  clear: both;
}
.modal-produkt .modal-content {
  border-top: none;
}
.modal-produkt .modal-content span {
  padding-left: 0;
}
.modal-produkt .modal-content span span {
  padding-left: 0;
  position: absolute;
}
.modal-produkt .modal-content div.row div {
  /* border: 1px solid #F6F6F6; */
}
.modal-produkt .modal-content .modal-header {
  border-bottom: none;
}
/* Linke Spalte */
.modal-produkt .modal-content .produkt-bild {
  text-align: center;
}
.modal-produkt .modal-content .produkt-bild img {
  max-width: 100%;
}
/* Rechte Spalte */
.modal-produkt .modal-content .standort-link {
  text-decoration: none;
}
.modal-produkt .modal-content .standort-link .standort-name {
  margin-bottom: 1px;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 23px;

}
.modal-produkt .modal-content .standort-link .standort-name,
.modal-produkt .modal-content .standort-link .standort-strasse {
  display: block;
}
.modal-produkt .modal-content .produkt-preis {
  padding: 20px 0;
  font-size: 35px;
  font-weight: bold;
  color: #55A000;
  display: block;
  text-decoration: none;
  line-height: 1.2;
  /* float: left; */
}
.modal-produkt .modal-content .produkt-preis .data-wrapper-hidden .data-wrapper {
  margin-top: 5px;
  font-size: 18px;
  color: #333333;
  font-weight: normal;
}
.modal-produkt .modal-content .produkt-preis .aktuell {
  padding-right: 20px;
  float: left;
}
.modal-produkt .modal-content .produkt-preis .zusaetzlicher_hinweis,
.modal-produkt .modal-content .produkt-preis .alt {
  clear: both;
  float: left;
  margin-bottom: 2px;
  color: #333333;
  font-size: 18px;
  font-weight: normal;
}
.modal-produkt .modal-content .produkt-preis .zuzueglich {
  font-size: 11px;
  color: #CCCCCC;
  font-weight: normal;
  clear: both;
  float: none;
}
.modal-produkt .modal-content .modal-body > .container > div.row > div .standort-telefon-rechts a {
  padding-top: 7px;
  padding-bottom: 2px;
}
.modal-produkt .modal-content .standort-telefon a {
  padding: 10px 0 15px 0;
  font-size: 18px;
  font-weight: bold;
  color: #55A000;
  display: block;
  text-decoration: none;
  line-height: 1.2;
}
.modal-produkt .modal-content .standort-telefon a i {
  padding-right: 7px;
}
.modal-produkt .modal-content .standort-beschreibung {
  max-width: 500px;
}
.modal-produkt .modal-content .standort-beschreibung a {
  text-decoration: underline;
}
.modal-produkt .modal-content .standort-beschreibung a:hover {
  text-decoration: none;
}
.modal-produkt .modal-content .produkt-name-wrapper {
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 23px;
}
.modal-produkt .modal-content .produkt-verfuegbarkeit {
  padding: 6px 0;
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  /* float: left; */
}
.modal-produkt .modal-content .produkt-verfuegbarkeit i {
  padding-right: 7px;
  color: #55A000;
}
.modal-produkt .modal-content .klappbox .text {
  /* margin-top: 10px; */
}
.modal-produkt .modal-content .produkt-link {
  padding-top: 6px;
  display: inline-block;
}
.modal-produkt .modal-content .produkt-link i {
  padding-right: 3px;
}
/* Formulare */
.modal-produkt .modal-content .kontakt {
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 6px 5px;
  position: relative;
  background-color: #D5DFCC;
  border: 2px solid #55A000;
  border-radius: 4px;
}
.modal-produkt .modal-content .kontakt form {
  margin-bottom: 0;
}
.modal-produkt .modal-content .container {
  padding-right: 0;
  padding-left: 0;
}
#content-wrapper .modal-produkt .modal-content .kontakt .container {
  width: 100%;
}
#content-wrapper .modal-produkt .modal-content .kontakt .row {
  margin-bottom: 0;
}
.modal-produkt .modal-content .col-md-12,
.modal-produkt .modal-content .col-sm-12,
.modal-produkt .modal-content .col-md-6,
.modal-produkt .modal-content .col-sm-6 {
  padding-right: 6px;
  padding-left: 6px;
}
.modal-produkt .modal-content .col-md-6:first-child {
  padding-right: 3px;
  padding-bottom: 5px;
}
.modal-produkt .modal-content .col-md-6:last-child {
  padding-left: 3px;
  padding-bottom: 5px;
}

.modal-produkt .modal-content .kontakt form input,
.modal-produkt .modal-content .kontakt form textarea {
  padding: 5px 6px 4px 6px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  width: 100%;
  font-family: Arial;
}
.touch .modal-produkt .modal-content .kontakt form input,
.touch .modal-produkt .modal-content .kontakt form textarea {
  padding: 7px 9px 6px 9px;
}
.modal-produkt .modal-content .kontakt form textarea {
  margin-bottom: 3px;
}
::-webkit-input-placeholder,
:-ms-input-placeholder {
  color: #777777;
}
::-moz-placeholder,
:-moz-placeholder {
  color: #777777;
  opacity: 1;
}
.modal-produkt .modal-content input.err,
.modal-produkt .modal-content input.error,
.modal-produkt .modal-content textarea.err,
.modal-produkt .modal-content textarea.error,
.modal-produkt .modal-content select.err,
.modal-produkt .modal-content select.error,
.modal-produkt .modal-content .gartentechnik_com_form_field_checkbox table.error {
  border: 2px solid #880000 !important;
}
.modal-produkt .modal-content .kontakt div {
  position: relative;
}
.modal-produkt .modal-content .kontakt i {
  top: 7px;
  right: 12px;
  position: absolute;
  color: #DAD1C6;
  display: none;
}
.modal-produkt .modal-content .kontakt form textarea {
  height: 175px;
}
.modal-produkt .modal-content .kontakt form .form_submit {
  width: 100%;
  height: 29px !important;
  margin-top: 1px;
  padding: 0.4em 0.8em;
  float: none;
}
.modal-produkt .modal-content .kontakt form .form_submit {
  padding: 0.5em 0.8em 0.7em 0.8em;
}
.modal-produkt .modal-content .kontakt form .gartentechnik_com_form_field_checkbox table {
  margin-bottom: 0;
}
.modal-produkt .modal-content .kontakt form .gartentechnik_com_form_field_checkbox label {
  display: inline-block;
  margin-left: 0.7rem;
  font-weight: normal;
}
.modal-produkt .modal-content .kontakt form .gartentechnik_com_form_field_checkbox input[type=checkbox]  {
  transform: scale(1.2);
  width: auto;
}

.modal-produkt .modal-content .gtc-button button::before {
  right: 0;
  left: calc(25% + 42px);
  content: '';
}
.modal-produkt .modal-content .gtc-button button span:after {
  top: 1px;
  left: 5px;
  font-family: FontAwesome;
  font-size: 15px;
  content: "";
  position: relative;
  transition: 0.2s;
}
.modal-produkt .modal-content .gtc-button button:hover span:after {
  left: 10px;
  transition: 0.2s;
}
.modal-produkt .modal-content .kontakt .form_success_box {
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: 100%;
  padding: 8px;
  background-color: #FFFFFF;
  border: 2px solid #DAD1C6;
  position: absolute;
  z-index: 3;
  display: none;
}
#footer .kontakt form .error {
  border: 2px solid #880000 !important;
}
.modal-produkt .modal-content .gtc-button a {
  margin-top: 10px;
}
.modal-produkt .modal-content .owl-carousel.zoom-more a > img {
  filter: none;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.modal-produkt .modal-content .owl-carousel.zoom-more a.active > img {
  filter: none;
  -webkit-filter: none;
}
.modal-produkt .modal-content .modal-body div.thumbnail {
  margin-right: 3px;
  margin-left: 3px;
}
.modal-produkt .modal-content .thumbnail {
  text-align: center;
}
.modal-produkt .modal-content div.thumbnail {
  border-color: #55A000;
}
.modal-produkt .modal-content .lightbox:hover {
  color: #FFFFFF !important;
}
.mfp-zoom-out-cur {
  cursor: default;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}
#zoom-primary {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#zoom-primary img.img-responsive {
  /* max-height: 410px; */
  width: auto;
  max-width: auto;
}
#zoom-primary:hover img.img-responsive {
  visibility: hidden;
}
.touch #zoom-primary > .lightbox {
  display: none;
}
.owl-wrapper {

}
.owl-wrapper .thumbnail {
  height: 110px !important;
  line-height: 95px !important;
}
.owl-wrapper .thumbnail img {
  max-height: 100%;
  max-width: auto;
  vertical-align: middle;
}
.owl-controls .owl-buttons i {
  font-size: 25px;
  font-weight: bold;
  color: #55A000 !important;
}
.owl-controls .owl-buttons i:hover {
  color: #333333 !important;
}
div.owl-carousel.zoom-more .owl-controls,
div.owl-carousel.zoom-more .owl-controls.clickable {
  position: absolute;
  top: 110px !important;
  right: calc(50% - 33px) !important;
}
@media (max-width: 480px) {
  .modal-produkt .modal-content div.produkt-preis {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .modal-produkt .modal-content div.produkt-verfuegbarkeit {
    padding-top: 5px;
  }
  .modal-produkt .modal-content .thumbnail.active,
  .modal-produkt .modal-content .thumbnail.detailbilder {
    margin-bottom: 0 !important;
  }
  .modal-produkt .modal-content .kontakt {
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {

}
@media (min-width: 1025px) {

}
@media (max-width: 767px) {
  .modal-produkt {
    width: 100% !important;
  }
  .modal-produkt .modal-content .modal-body > .container > div.row > div {
    margin-bottom: 5px;
  }
  .modal-produkt .modal-content .modal-body > .container > div.row > div:first-child .standort-links,
  .modal-produkt .modal-content .modal-body > .container > div.row > div .standort-telefon-rechts {
    display: none;
  }
  .modal-produkt .modal-content .modal-body > .container > div.row > div .standort-mitte {
    margin-top: 20px;
  }
  .modal-produkt .modal-content .kontakt {
    margin-top: 0;
  }
  .modal-produkt .modal-content .owl-wrapper-outer {
    min-height: 130px;
  }
  .modal-produkt .modal-content .produkt-name-wrapper {
    margin-top: 7px;
  }
  .modal-produkt .close {
    font-size: 35px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .modal-produkt .modal-content .modal-body > .container > div.row > div.col-md-4,
  .modal-produkt .modal-content .modal-body > .container > div.row > div.col-sm-4 {
    width: 50%;
  }
  .modal-produkt .modal-content .modal-body > .container > div.row > div .standort-mitte {
    margin-top: 15px;
    display: none;
  }
  .modal-produkt .modal-content .modal-body > .container > div.row > div:first-child .standort-links,
  .modal-produkt .modal-content .modal-body > .container > div.row > div .standort-telefon-rechts {
    display: block;
  }
  .modal-produkt .modal-content .standort-link .standort-name {
    margin-top: 30px;
    margin-bottom: 2px;
  }
}
@media (min-width: 1401px) {
  .modal-produkt .modal-content .modal-body > .container > div.row > div.col-md-4,
  .modal-produkt .modal-content .modal-body > .container div.row > div.col-sm-4 {
    width: 33.3333%;
  }
  .modal-produkt .modal-content .modal-body > .container > div.row > div:first-child .standort-links,
  .modal-produkt .modal-content .modal-body > .container > div.row > div .standort-mitte,
  .modal-produkt .modal-content .modal-body > .container > div.row > div .standort-telefon-rechts {
    display: none;
  }
  .modal-produkt .modal-content .modal-body > .container > div.row > div:last-child {
    display: block;
  }
  .modal-produkt .modal-content .klappbox .more-link {
    display: none !important;
  }
}
@media (max-width: 1400px) {
  .modal-produkt .modal-content .modal-body > .container > div.row > div:last-child {
    display: none;
  }
  .modal-produkt .modal-content .owl-carousel {
    margin-bottom: 10px;
  }
  .modal-produkt .modal-content #zoom-primary img.img-responsive {
    max-height: 300px;
  }
  .modal-produkt .modal-content .thumbnail{
    margin-bottom: 3px;
  }
  .modal-produkt .modal-content .standort-telefon a,
  .modal-produkt .modal-content .produkt-preis {
    padding-top: 5px;
  }
  .modal-produkt .modal-content .klappbox {
    position: relative;
  }
  .modal-produkt .modal-content .klappbox .more-link {
    width: 75px;
    bottom: 3px;
    right: 0;
    padding-left: 10px;
    background: transparent url(/resources/gtc_portal/images/gtc/verlauf_5px.png) repeat-y 0 0;
    position: absolute;
    font-family: Arial;
    color: #333333;
    cursor: pointer;
  }
  .modal-produkt .modal-content .klappbox {
    position: relative;
    max-height: 50px;
    overflow: hidden;
  }
  .modal-produkt .modal-content .klappbox.offen {
    max-height: none;
    overflow: visible;
  }
  .modal-produkt .modal-content .klappbox .text {
    margin-top: 0;
  }
  .modal-produkt .modal-content .klappbox .zuklappen {
    text-decoration: underline;
  }
}
/** Product Modal END
 **************************************************************** **/
@media (max-width: 991px) {
  .modal-dialog {
    margin-top: 110px;
  }
}
@media (max-width: 768px) {
  .modal-dialog {
    width: 84%;
    margin: 95px 8% 0 8%;
  }
  .modal-dialog.modal-produkt {
    width: 100%;
    margin: 0;
  }
  section div.row .modal-body-right,
  section div.row .modal-body-left {
    margin-bottom: 0;
    border-left: none;
  }
  section div.row .modal-body-right {
    margin-top: 15px;
  }
  section div.row.modal-body-middle > div {
    margin-bottom: 0;
  }
  .modal-body .sonderangebot {
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 0;
    float: left;
  }
  .modal-body .sonderangebot:last-child {
    margin-right: 0;
  }
  .modal-produkt .modal-content .col-md-6:first-child,
  .modal-produkt .modal-content .col-md-6:last-child {
    margin-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media (max-width: 490px) {
  .modal-body .sonderangebot {
    margin-right: 0;
    margin-bottom: 15px;
    text-align: center;
    padding: 0;
    float: none;
    border: none;
  }
  .modal-body .sonderangebot-alle-angebote-button {
    text-align: center;
  }
}
/** Footer
 **************************************************************** **/
#footer-wrapper {
  padding-bottom: 50px;
  background: url(../images/gtc/rasenkante.png) repeat-x 0 -55px, url(../images/gtc/boden.png) repeat 0 0;
}
body.main-portal #footer-wrapper {
  padding-bottom: 0;
  background: none;
}
#footer {
  position: relative;
  background: none;
  background-color: #005500;
  border-top: 5px solid #55A000;
  z-index: 1500;
}
#footer > .container {
  width: 100%;
  margin-bottom: 0;
  padding-top: 17px;
  padding-bottom: 25px;
}
body.main-portal #footer > .container {
  margin-bottom: 60px;
}
#footer > .footer-top.container {
  width: calc(100% - 30px);
}
#footer > .footer-top .col-md-2 {
  /* width: 210px; */
}
#footer > .footer-top .col-md-10 {
 /*  width: 81.333% */
}
#footer > .footer-bottom.container {
  padding: 0;
  background-color: #E5E1D8;
}
#footer > .footer-bottom > .row:first-child > .col-md-12:first-child {
  background-color: #BBB1A5;
}
#footer > .footer-bottom,
#footer > .footer-bottom *,
#footer > .footer-bottom a {
  color: #333333;
}
#footer p {
  margin-bottom: 20px;
  line-height: 22px;
}
#footer *,
#footer a {
  color: #FFFFFF;
}
#footer a {
  text-decoration: underline;
}
#footer h2 {
  text-shadow: none;
}
#footer a:hover {
  text-decoration: none;
}
#footer a.more,
#footer a.more + i,
#footer form i {
  color: #FFFF00;
}
#footer h2 {
  margin: 26px 0 20px 0;
  text-shadow: none;
  font-family: "Open Sans", Arial, sans-serif;
  color: #FFFF00;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1;
}
#footer h2 i {
  color: #FFFF00;
  padding-right: 17px;
}
#footer button i {
  line-height: 14px !important;
}
#footer img.footer-logo {
  margin-top: 13px;
  margin-bottom: 0;
}
#footer img.logo-gross {
  display: inline-block !important;
}
#footer img.logo-klein,
#footer img.logo-mittel {
  display: none !important;
}
#footer .btn, #footer .form-control {
  /* height: 29px; */
}
#footer .footer-bottom .nav-tabs {
  background-color: #BBB1A5;
  border: none;
}
#footer .footer-bottom .nav-tabs > li {
  margin-bottom: 0;
}
#footer .footer-bottom .nav-tabs > li > a {
  margin-right: 0;
  padding: 8px 30px;
  font-weight: normal;
  border-radius: 0 !important;
  border-right: 1px solid #FFFFFF !important;
}
#footer .footer-bottom .nav-tabs > li:last-child > a {
  /* border-right: none !important; */
}
#footer .footer-bottom .nav-tabs > li.active > a {
  color: #333333 !important;
}
#footer .footer-bottom .nav-tabs > li.active > a,
#footer .footer-bottom .nav-tabs > li.active > a:focus,
#footer .footer-bottom .nav-tabs > li.active > a:hover {
  background-color: #E5E1D8;
}
#footer .footer-bottom .tab-content {
  padding: 30px;
}
#footer .footer-footer {
  padding: 0.2rem 1.8rem;
  background-color: #BBB1A5;
  text-align: right;
}
#footer .footer-bottom .tab-content h3 {
  margin: 0 0 15px 0;
  padding: 0;
  color: #187905;
  font-family: arial;
}
#footer .footer-bottom .tab-content .row > div {
  padding-right: 30px;
  padding-left: 30px;
  border-right: 1px solid #BAB2A7;
  display: table-cell;
  float: none;
}
#footer .footer-bottom .tab-content .row > div:first-child {
  padding-left: 15px;
}
#footer .footer-bottom .tab-content .row > div:last-child {
  padding-right: 15px;
  border-right: none;
}
#footer .footer-bottom table th {
  padding-right: 15px;
  vertical-align: top;
}
#footer .footer-bottom .headline {
  margin-bottom: 10px;
  padding-left: 70px;
  line-height: 60px;
  display: inline-block;
  background: transparent url(/resources/gtc_portal/images/gtc/partner/bufamot.png) no-repeat 0 0;
  font-size: 16px;
}
#footer .footer-bottom .headline,
#footer .footer-bottom .headline * {
  /* color: #005500 !important; */
}
#footer .footer-bottom .headline.vdm {
  background-image: url(/resources/gtc_portal/images/gtc/partner/vdm.png);
}
#footer .footer-bottom .headline.sewiga {
  background-image: url(/resources/gtc_portal/images/gtc/partner/sewiga.png);
}
#footer .footer-bottom .headline.suemo {
  background-image: url(/resources/gtc_portal/images/gtc/partner/suemo.png);
}
#footer .footer-bottom .headline.rheintec {
  background-image: url(/resources/gtc_portal/images/gtc/partner/rheintec.png);
}
#footer .footer-bottom .headline.honda {
  background-image: url(/resources/gtc_portal/images/gtc/partner/honda.png);
}
#footer .footer-bottom .box-icon {
  padding: 15px;
  background-color: #FFFFFF;
}
#footer .footer-bottom .box-icon-more span {
  text-decoration: underline !important;
}
#footer .footer-bottom .box-icon-more:hover span {
  text-decoration: none !important;
}
#footer .gartentechnik_com_form_field_checkbox td.gartentechnik_com_field {
  width: 22px;
  vertical-align: top;
}
#footer .gartentechnik_com_form_field_checkbox td.gartentechnik_com_field input[type=checkbox] {
  margin: 1px 3px 0 0;
}
/* Formulare */
.allgemeiner_kontakt .gartentechnik_com_form_field_checkbox table {
  margin-bottom: 0;
}
.allgemeiner_kontakt .gartentechnik_com_form_field_checkbox .gartentechnik_com_value {
  font-weight: normal;
  display: inline-block;
  margin-left: 0.4rem;
}
#feedback .allgemeiner_kontakt .gartentechnik_com_form_field_checkbox .gartentechnik_com_value * {
  color: black;
  font-weight: normal;
}
#footer .kontakt {
  position: relative;
}
#footer .kontakt form {
  margin-bottom: 10px;
}
#footer .kontakt form input,
#footer .kontakt form textarea {
  padding: 2px 25px 2px 3px;
  background-color: #FFFFFF;
  border: 2px solid #DAD1C6;
  width: 100%;
  font-family: Arial;
}
#footer .kontakt *::-moz-placeholder {
  color: #777777;
}
#footer .kontakt div {
  position: relative;
}
#footer .kontakt i {
  top: 7px;
  right: 10px;
  position: absolute;
  color: #DAD1C6;
}
#footer .kontakt form textarea {
  height: 200px;
}
#footer .kontakt form .form_submit {
  margin-top: 3px;
  float: right;
}
#footer .kontakt .form_success_box {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8px;
  background-color: #FFFFFF;
  border: 2px solid #DAD1C6;
  position: absolute;
  z-index: 3;
  display: none;
}
#footer .kontakt form .error {
  border: 2px solid #880000 !important;
}
@media (max-width: 1400px) {
 #footer > .footer-top .col-md-2 {
    width: 16.6667%;
  }
}
@media (max-width: 1140px) {
  #footer .footer-bottom .nav-tabs > li > a {
    padding-right: 25px;
    padding-left: 25px;
  }
  #footer form.customer-search input.form-control,
  #footer form.customer-search input.form-control:active {
    width: 125px;
  }
}
@media (max-width: 1200px) {
  #footer .footer-bottom .nav-tabs > li > a {
    padding-right: 15px;
    padding-left: 15px;
  }
  #footer h2 {
    font-size: 18px;
  }
}
@media (max-width: 1010px) {
  #footer .footer-bottom .nav-tabs > li > a {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (max-width: 991px) {
  #footer img.logo-mittel {
    display: inline-block !important;
  }
  #footer img.logo-klein,
  #footer img.logo-gross {
    display: none !important;
  }
  #footer h2 {
    margin-bottom: 15px;
    font-size: 18px;
  }
  #footer h2 i {
    display: none;
  }
  #footer form .input-group {
    width: 100%;
  }
  #footer .row > div {
    margin-bottom: 35px;
  }
  #footer .row > div:last-child {
    margin-bottom: 0;
  }
  #footer .nav-tabs > li {
    float: none;
  }
  #footer .nav-tabs > li > a {
    border-right: none;
    border-bottom: 1px solid #FFFFFF !important;
  }
  #footer .tab-content .row > div,
  #footer .tab-content .row > div:first-child,
  #footer .tab-content .row > div:last-child {
    padding-right: 15px;
    padding-left: 15px;
    border: none;
  }
  #footer > .footer-top .col-md-2 {
    width: 16.6667%;
  }
  #footer .footer-bottom .nav-tabs > li > a {
    border-right: none !important;
  }
  #footer .footer-bottom .tab-content .row > div {
    padding: 0 15px;
    border: none;
  }
  #footer .footer-bottom .tab-content .row > div {
    float: left;
    display: block;
  }
  .partner-links {
    margin-bottom: 0 !important;
  }
  .partner-rechts h3 {
    display: none;
  }
  .partner-rechts .box-icon:nth-child(2) {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  #footer > .container {
    padding-left: 0;
  }
  #footer h2 {
    margin-top: 5px;
    text-align: left;
  }
  #footer h2 i {
    display: inline-block;
  }
  #footer img.footer-logo {
    margin-top: 0;
  }
  #footer form.customer-search input.form-control,
  #footer form.customer-search input.form-control:active {
    width: 100%;
  }
}
@media (max-width: 410px) {
  #footer img.logo-klein {
    display: inline-block !important;
  }
  #footer img.logo-gross,
  #footer img.logo-mittel {
    display: none !important;
  }
}
@media (max-width: 350px) {
  #footer h2 {
    font-size: 16px;
  }
  #footer h2 i {
    padding-right: 10px;
    padding-left: 7px;
  }
  #footer .customer-search .form-control {
    width: 125px;
  }
}

/** Scroll To Top
 **************************************************************** **/
#toTop {
  background-color: rgba(0,85,0,0.5);
}
#toTop:hover {
  background-color: rgba(0,85,0,0.8);
}

/** Bootstrap 5 column equal grid
 ******************************** **/
.col-xs-4rd,
.col-sm-4rd,
.col-md-4rd,
.col-lg-4rd {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  width: 25%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-4rd {
      width: 25%;
      float: left;
  }
}
@media (min-width: 992px) {
  .col-md-4rd {
      width: 25%;
      float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-4rd {
    width: 25%;
    float: left;
  }
}
@media (min-width: 1180px) and (max-width: 1400px) {
  .col-specialmd-3 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-specialmd-3:nth-child(4n+1) {
    clear: both;
  }
  ul.shop-item-list > li.col-lg-2:nth-child(6n+1), ul.shop-item-list > li.col-md-2:nth-child(6n+1) {
    clear: none;
  }
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 769px) {
  .col-md-4rd.col-sm-4rd {
    width: 100%;
    float: none !important;
    display: block !important;
  }
  #wrapper #header #topNav .btn-breadcrumb li.mega-menu div.row div {
    border-left: none;
  }
}
.regionen-oben li,
.mietregionen-oben li,
.kategorienliste-oben li,
.listen-kopf {
	position: relative;
}
.regionen-oben li img,
.mietregionen-oben li img,
.kategorienliste-oben li img,
.listen-kopf img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
}
/* Regionsuebersicht */
.regionsuebersicht h1 {
	margin-bottom: 1.5rem;
}
.regionsuebersicht li {
	display: block;
	padding: 0;
	float: left;
	width: 20rem;
	height: 2.8rem;
	margin: 0.2rem 0.4rem;
}
.regionsuebersicht a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	padding: 0.2rem 0.4rem;
}
.regionsuebersicht a:hover {
	border: 2px solid #999999;
}
section.regionsuebersicht {
	border-bottom: none;
}
.beliebteste-kategorien a {
	border-top: 1px solid #bab2a7;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0.2rem 0.3rem !important;
}
/* Feddbackformular */
#feedback {
  position: fixed;
  left: 0;
  bottom: 25px;
  height: 420px;
  margin-left: -3px;
  margin-bottom: -3px;
  z-index: 1000;
}

#feedback-form {
  float: left;
  width: 300px;
  height: 100%;
  padding: 10px 13px 15px 15px;
  z-index: 1000;
  background-clip: 'padding-box';
  border: 1px solid rgba(0,0,0,.2);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

#feedback-tab {
  float: right;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  width: 122px;
  height: 42px;
  background-color: rgba(0, 85, 0, 0.65);
  margin-top: 60px;
  margin-left: -42px;
  padding-top: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  line-height: 26px;
}
#feedback-tab:hover {
  background-color: rgba(0, 85, 0, 0.8);
  color: #FFFF00;
}
#feedback #feedback-form h3 {
  margin-bottom: 10px;
  color: #005500;
}
#feedback #feedback-form textarea {
  height: 150px;
  resize: none;
  color: #333333;
}
#feedback #feedback-form input {
  color: #333333;
}
#footer .kontakt .form_success_box,
#footer .kontakt .form_success_box a {
  color: #333333;
}
@media only screen and (max-width: 500px) {
  #feedback-form {
    width: 260px;
  }
}

#regions-text .more-text {
	display: none;
}


.suche_formular {
	margin: 0;
	margin-bottom: 1rem;
	padding: 0 6px;
	position: relative;
}
.suche_text {
	font-family: "Open Sans",Arial,sans-serif;
	height: 4.8rem;
	border: solid 2px #007700;
	border-radius: 0.5rem 0 0 0.5rem;
	width: calc(100% - 14rem);
	padding: 0.2rem 1.2rem;
	font-size: 1.8rem;
}
.suche_button .suchbutton_text {
	display: inline;
}
.suche_button {
	font-family: "Open Sans",Arial,sans-serif;
	position: absolute;
	top: 0;
	right: 6px;
	width: 14rem;
	height: 4.8rem;
	background-color: #007700;
	color: #ffff00;
	font-weight: bold;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
	border-radius: 0 0.5rem 0.5rem 0;
	border: solid 2px #007700;
}
.suche_button .suchbutton_icon {
	font-size: 1.8rem;
}
@media (max-width: 992px) {
	.suche_text {
		width: calc(100% - 4.8rem);
	}
	.suche_button  .suchbutton_text {
		display: none;
	}
	.suche_button {
		width: 4.8rem;
	}
}
/** Produktboxen
 **************************************************************** **/

/* Rahmen mit Hover */
.non-portal.gartentechnik_com .produkt,
.main-portal.gartentechnik_com .produkt {
  margin-bottom: 0;
  font-family: Arial;
  border: 1px solid #55A000;
}
.non-portal.gartentechnik_com .shop-item-wrapper:hover .produkt,
.main-portal.gartentechnik_com .shop-item-wrapper:hover .produkt {
  border: 2px solid #55A000;
}
.non-portal.gartentechnik_com .shop-item-wrapper.hervorgehobenes-produkt .produkt,
.main-portal.gartentechnik_com .shop-item-wrapper.hervorgehobenes-produkt .produkt {
  border: 2px solid #007700;
}
.non-portal.gartentechnik_com .shop-item-wrapper.hervorgehobenes-produkt:hover .produkt,
.main-portal.gartentechnik_com .shop-item-wrapper.hervorgehobenes-produkt:hover .produkt {
  border: 2px solid #005500;
}
.non-portal.gartentechnik_com .col-middle .shop-item-wrapper .shop-item,
.main-portal.gartentechnik_com .col-middle .shop-item-wrapper .shop-item {
  background-color: #FFFFFF;
}
.non-portal.gartentechnik_com .shop-item.height-auto,
.main-portal.gartentechnik_com .shop-item.height-auto {
  height: auto !important;
}
.non-portal.gartentechnik_com .shop-item.kategorie,
.main-portal.gartentechnik_com .shop-item.kategorie {
  position: relative;
}
.non-portal.gartentechnik_com .shop-item *,
.main-portal.gartentechnik_com .shop-item * {
  font-family: Arial;
}
.gartentechnik_com .shop-item .label {
  left: 9px;
  background-color: #007700;
  line-height: 11px;
  position: absolute;
  z-index: 11;
}

/* Banner */
.non-portal.gartentechnik_com .shop-item-wrapper.hervorgehobenes-produkt:hover .label,
.main-portal.gartentechnik_com .shop-item-wrapper.hervorgehobenes-produkt:hover .label {
  background-color: #005500;
}
.non-portal.gartentechnik_com .ribbon .ribbon-inner,
.main-portal.gartentechnik_com .ribbon .ribbon-inner {
  background-color: #007700 !important;
  font-family: Arial;
}
.non-portal.gartentechnik_com .shop-item-wrapper.hervorgehobenes-produkt:hover .ribbon-inner,
.main-portal.gartentechnik_com .shop-item-wrapper.hervorgehobenes-produkt:hover .ribbon-inner {
  background-color: #005500 !important;
}

/* Boxeninhalt */
.non-portal.gartentechnik_com .shop-item .shop-item-summary,
.main-portal.gartentechnik_com .shop-item .shop-item-summary {
  padding-bottom: 2px;
}
.non-portal.gartentechnik_com .shop-item .produktname a,
.main-portal.gartentechnik_com .shop-item .produktname a {
  font-size: 15px;
  font-weight: 700;
  color: #005500;
  text-decoration: none;
}
.non-portal.gartentechnik_com .shop-item.kategorie .produktname,
.main-portal.gartentechnik_com .shop-item.kategorie .produktname {
  margin-top: 15px;
  font-size: 18px;
  line-height: 23px;
}
.non-portal.gartentechnik_com .shop-item .ort,
.main-portal.gartentechnik_com .shop-item .ort {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Preis */
.non-portal.gartentechnik_com .shop-item-wrapper .shop-item-price,
.main-portal.gartentechnik_com .shop-item-wrapper .shop-item-price {
  padding-top: 7px;
  border-top: 1px solid #DBDBDB;
}
.non-portal.gartentechnik_com .shop-item .shop-item-price .aktuell,
.non-portal.gartentechnik_com .shop-item .shop-item-price .mietpreis.preis,
.main-portal.gartentechnik_com .shop-item .shop-item-price .aktuell,
.main-portal.gartentechnik_com .shop-item .shop-item-price .mietpreis.preis {
  font-size: 20px;
  font-weight: bold;
}
.non-portal.gartentechnik_com .shop-item .shop-item-price .mietpreis,
.main-portal.gartentechnik_com .shop-item .shop-item-price .mietpreis {
  font-size: 18px;
}
.non-portal.gartentechnik_com .regionen-start .shop-item .shop-item-price .mietpreis .data-wrapper-hidden,
.main-portal.gartentechnik_com .regionen-start .shop-item .shop-item-price .mietpreis .data-wrapper-hidden {
  position: absolute;
  width: 100%;
  min-height: 45px;
}
.no-touch .gartentechnik_com .shop-item .shop-item-price .mietpreis .data-wrapper-hidden.visible {
  display: block;
}
.non-portal.gartentechnik_com .shop-item .shop-item-price .alt,
.main-portal.gartentechnik_com .shop-item .shop-item-price .alt {
  color: #666666;
  text-decoration: line-through;
}
.non-portal.gartentechnik_com .shop-item .shop-item-price .bezeichnung,
.main-portal.gartentechnik_com .shop-item .shop-item-price .bezeichnung {
  display: none;
}
.non-portal.gartentechnik_com .shop-item .shop-item-link span,
.main-portal.gartentechnik_com .shop-item .shop-item-link span {
  padding-left: 0;
}
.non-portal.gartentechnik_com .shop-item .shop-item-price .zuzueglich,
.main-portal.gartentechnik_com .shop-item .shop-item-price .zuzueglich {
  font-size: 11px;
  font-weight: normal;
  color: #999999;
}
#content-wrapper .mietpreis.preis h2 {
  margin: 0;
  color: #333333;
  font-weight: normal;
  font-size: 17px;
}
.non-portal.gartentechnik_com .shop-item-overview li {
  width: 100%;
  max-width: 300px;
  padding: 0;
  margin-bottom: 10px;
}
@media only screen and (max-width: 769px) {
  ul.shop-item-list>li {
    width: 100%;
  }
}
@media only screen and (max-width: 1800px) and (min-width: 1700px) {
  .non-portal.gartentechnik_com .shop-item .thumbnail,
  .non-portal.gartentechnik_com .shop-item.kategorie .thumbnail {
    height: 255px;
  }
}
@media only screen and (max-width: 1699px) and (min-width: 1500px) {
  .non-portal.gartentechnik_com .shop-item .thumbnail,
  .non-portal.gartentechnik_com .shop-item.kategorie .thumbnail {
    height: 240px;
  }
}
@media only screen and (max-width: 1599px) and (min-width: 1400px) {
  .non-portal.gartentechnik_com .shop-item .thumbnail,
  .non-portal.gartentechnik_com .shop-item.kategorie .thumbnail {
    height: 225px;
  }
}
@media only screen and (max-width: 1499px) and (min-width: 1300px) {
  .non-portal.gartentechnik_com .shop-item .thumbnail,
  .non-portal.gartentechnik_com .shop-item.kategorie .thumbnail {
    height: 210px;
  }

}
@media only screen and (max-width: 1399px) and (min-width: 1200px) {
  .non-portal.gartentechnik_com .shop-item .thumbnail,
  .non-portal.gartentechnik_com .shop-item.kategorie .thumbnail {
    height: 175px;
  }
}
/* Produktbox Flyout */
.non-portal.gartentechnik_com .flyout-breadcrumb-wrapper .shop-item-wrapper {
  margin: 5px 20px 20px 0;
  border: none !important;
}
.non-portal.gartentechnik_com .flyout-product-wrapper .shop-item-wrapper * {
  background-color: #FFFFFF;
}
.non-portal.gartentechnik_com .flyout-product-wrapper .shop-item-wrapper:hover {
  border-color: #005500;
}
.non-portal.gartentechnik_com .flyout-product-wrapper .shop-item-wrapper .ribbon {
  background-color: transparent;
  border: none;
}
.non-portal.gartentechnik_com .flyout-product-wrapper .shop-item-wrapper .ribbon-inner {
  box-shadow: none !important;
  font-family: Arial !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
}
.non-portal.gartentechnik_com .flyout-product-wrapper .shop-item-wrapper:hover .ribbon-inner {
  background-color: #005500 !important;
}
.non-portal.gartentechnik_com .flyout-breadcrumb-wrapper .shop-item-wrapper .produkt {

}
.non-portal.gartentechnik_com #wrapper #header #topNav .flyout-product-wrapper .produkt .produktname a {
  margin-top: 0;
  color: #005500 !important;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.non-portal.gartentechnik_com .flyout-product-wrapper a {
  padding: 0 3px !important;
  border-bottom: none !important;
}
.non-portal.gartentechnik_com .flyout-product-wrapper a:hover {
  background-color: #FFFFFF !important;
}
.non-portal.gartentechnik_com .flyout-breadcrumb-wrapper .name {
  border-top: 1px solid #DBDBDB;
}
.non-portal.gartentechnik_com .flyout-product-wrapper .shop-item-price {
  margin-top: 0;
}
.non-portal.gartentechnik_com .flyout-product-wrapper .preis,
.non-portal.gartentechnik_com .flyout-product-wrapper .shop-item-price .mietpreis,
.non-portal.gartentechnik_com .flyout-product-wrapper .shop-item-price .mietpreis * {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.non-portal.gartentechnik_com .flyout-product-wrapper .zuzueglich {
  color: #999999 !important;
  font-size: 11px !important;
  font-weight: normal !important;
}
/******************************************************/