/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.g-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
body {
  font-size: 1rem;
  line-height: 1.5;
}
h1 {
  font-size: 2.2rem;
}
h2 {
  font-size: 2rem;
}
h3 {
  font-size: 1.7rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.2rem;
}
h6 {
  font-size: 1rem;
}
small {
  font-size: 0.875rem;
}
cite {
  font-size: 0.875rem;
}
sub, sup {
  font-size: 0.75rem;
}
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
.g-contact {
  /* // Map
	.g-contact-map {
		position: relative;
		display: block;
	}
	.g-contact-map-overlay {
		&:before {
		    background: fadeout($footer-background, 25%);
		    bottom: 0;
		    content: "";
		    left: 0;
		    position: absolute;
		    right: 0;
		    top: 0;
		    @include transition(background 0.2s);
		}	
		&:hover {
			&:before {
				background: fadeout($accent-color-1, 75%);
			}
		}	
	}
	.g-contact-map-marker {
		color: $accent-color-1;
	    font-size: 3rem;
	    position: absolute;
	}*/
}
.g-contact .g-contact-item {
  position: relative;
  padding-left: 50px;
  margin-bottom: 1.5rem;
}
.dir-rtl .g-contact .g-contact-item {
  padding-left: 0;
  padding-right: 50px;
}
.g-contact .g-contact-icon {
  position: absolute;
  left: 0;
  font-size: 1.25rem;
  border-right: 1px solid rgba(231, 232, 234, 0.25);
  width: 35px;
  height: 45px;
  line-height: 45px;
}
.dir-rtl .g-contact .g-contact-icon {
  left: auto;
  right: 0;
  border-left: 1px solid rgba(231, 232, 234, 0.25);
  border-right: 0;
}
.g-contact .g-contact-label {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: bold;
  opacity: 0.5;
}
.g-contact .g-contact-text {
  font-family: "poppins", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 700;
}
.g-contact.g-contact-compact .g-contact-item {
  padding-left: 0;
  margin-bottom: 0;
}
.g-contact.g-contact-compact .g-contact-label {
  display: none;
}
.g-contact.g-contact-compact .g-contact-text {
  font-weight: normal;
}
/* Opacity bei der Infolist 1 statt 0.8 */
.op1 .g-infolist-particle .g-infolist-item.bg-accent-color-2 {
  background-color: white;
  padding: 1rem;
}
.op1 .g-infolist-particle .g-infolist-item.bg-accent-color-1 {
  padding: 1rem;
}
.op1 .g-infolist-particle .g-infolist-item.bg-accent-color-3 {
  padding: 1rem;
}
.op1 .g-infolist-particle .g-infolist .g-infolist-item-desc {
  opacity: 1 !important;
  text-align: center;
}
.op1 .g-infolist-particle .g-infolist .g-infolist-item-title {
  text-align: center;
}
/* Broschüren Infolist kein margin - gleiche Höhe */
.op1 .g-infolist-particle .g-infolist .g-infolist-item .g-infolist-item-container {
  margin: 0;
  padding: 0.625rem;
}
.op1 .button {
  margin-top: 2rem;
  margin-bottom: -1.5rem;
  background: #535353;
  font-size: 0.8rem;
}
.op1 .button:hover {
  background: white;
  color: #272b25;
}
/*Broschüren Infolist Textgröße TAG*/
.op1 .g-infolist-particle .g-infolist .g-infolist-tags {
  font-size: 1rem;
  text-align: center;
}
.zoom {
  transition: transform 0.2s;
  /* Animation */
  margin: 50px auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -50px;
  width: 50%;
}
.zoom:hover {
  transform: scale(1.2);
  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
hr {
  border: 1px solid gray;
}
.produkt_png {
  max-height: 330px;
  /*nur Schweiz - Rest: 400px*/
  transition: transform 0.2s;
  /* Animation */
}
.produkt_png:hover {
  transform: scale(1.1);
  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.logo_svg {
  max-height: 400px;
  transition: transform 0.2s;
  /* Animation */
}
.logo_svg:hover {
  transform: scale(1.1);
  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
/* Team */
.team .g-infolist-particle .g-infolist-item {
  border: none;
}
.team img {
  border-radius: 100%;
  max-width: 150%;
}
.team a {
  color: white;
}
.team a:hover {
  color: #9EC18F;
}
.international a {
  color: #1f3f0b;
  font-size: 1vm;
}
.international a:hover {
  color: #375606;
  font-size: 1.1rem;
}
#g-navigation {
  background: #386D17;
  background-image: url('../../../../images/bg_green.jpg');
  background-size: 100%;
}
/*Menü angepasst*/
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content::before, .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content::before {
  top: 4px;
  height: 20px;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
  font-size: 1vw;
  font-weight: 500;
}
.geschichte .g-showcase .g-showcase-slider .swiper-slide .slide .g-showcase-image img {
  width: 100%;
  height: auto;
}
.geschichte .g-showcase .g-showcase-slider .swiper-slide .slide .g-showcase-image {
  flex: 0.8;
}
.logo_heading img {
  width: 10%;
  padding-right: 20px;
}
/*Slider Startseite*/
.slider-start .g-showcase .g-showcase-slider .swiper-slide .slide .g-showcase-content {
  padding: 50px 80px 0 100px;
}
.slider-start2 .g-showcase .g-showcase-slider .swiper-slide .slide .g-showcase-content {
  padding: 50px 80px 10px 100px;
}
.slider-start2 .g-showcase .g-showcase-slider .swiper-slide .slide .g-showcase-description {
  padding-right: 20px;
}
.slider-start2 .g-showcase .navigation .swiper-button-next, .g-showcase .navigation .swiper-button-prev {
  color: #ffffff;
}
.slider-start2 .g-showcase.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  background: white;
}
.slider-start2 .g-showcase.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #009640;
  opacity: 1;
  border-color: #ffffff;
  height: 12px;
  width: 12px;
}
.slider-start2 .g-showcase .g-showcase-slider .swiper-slide .slide .g-showcase-image {
  flex: 0.8;
  /*opacity: 0.8;*/
  padding-right: 80px;
}
.slider-start2 img {
  padding-top: 50px;
}
.slider-start2 h1 {
  font-weight: 500;
  font-size: 1.2vw;
}
/*Header Menü*/
.logoslider img {
  max-height: 30px;
  padding-right: 10px;
  margin-top: -2px;
}
.logoslider {
  padding-bottom: 20px;
}
.menueblock hr {
  border-top: 2px solid white;
  margin-top: -25px;
}
.kopfzeile {
  margin-top: -50px;
}
.kopfzeile h3 {
  text-align: left;
}
.kopfzeile img {
  max-height: 50px;
  padding-right: 10px;
}
/*Slider Mitarbeiterfeedback*/
.section-vertical-paddings {
  padding-top: 0;
}
.mitarbeiter .g-comments .g-comments-carousel-content-wrapper {
  background: rgba(255, 255, 255, 0.8);
}
.mitarbeiter-bild img {
  float: right;
  vertical-align: bottom;
}
/*Kundenfeedback*/
.kunden img {
  max-width: 180%;
  opacity: 0.8;
}
.kunden .g-stories .g-stories-element-wrapper {
  background: rgba(242, 251, 242, 0.8);
}
.kunden .g-stories-content {
  background: transparent;
}
/*.kunden .stories-nav {
left: 3rem;
}*/
/* #g-copyright {
	background-image: url(../../../../images/bg_green.jpg);
}*/
/*Menü Breakpoints*/
/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    font-size: 1rem;
    font-weight: 500;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    font-size: 1rem;
    font-weight: 500;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1235px) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    font-size: 1.1rem;
    font-weight: 500;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1550px) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    font-size: 1.2rem;
    font-weight: 500;
  }
}
.logo-bottom img {
  height: 70px;
  padding-top: 20px;
}
.hinweis ul li {
  color: white;
  margin: 5px;
}
.hinweis td {
  padding: 1rem !important;
  border: none;
}
/* Überschriften*/
.broschuren h1 {
  font-weight: 300;
  font-family: "poppins", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-size: 2.5rem;
}
.broschuren h4 {
  font-weight: 300;
  font-family: "poppins", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-size: 1rem;
}
.kunden .g-heading p {
  font-weight: 300;
  font-family: "poppins", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-size: 0.7vw;
}
/*Forms*/
.convertforms .cf-control-input-desc {
  opacity: 0.8;
  font-size: 1em;
}
/*Infolist Wir Unterstützen*/
.support .g-infolist-particle .g-infolist-item {
  border: 0px solid #f0f0f0;
}
.support .g-infolist-particle .g-infolist .g-infolist-item-desc {
  font-size: 0.7vw;
}
.support h5 {
  margin-top: -14px;
  font-size: 1vw;
}
.support-section {
  padding-left: 7.5% !important;
  padding-right: 7.5%;
}
/*Cookie Hint*/
#cookiehintsubmit, #cookiehintsubmitno {
  background: #009640 !important;
  color: #fff !important;
}
/* Kontakt */
.kontakt .g-contact .g-contact-label {
  font-size: 1rem;
}
.kontakt .g-contact .g-contact-text {
  font-size: 1.2rem;
}
.kontakt .g-contact .g-contact-icon {
  font-size: 1.5rem;
  line-height: 0px !important;
}
.kontakt #cf_2 {
  background-color: transparent;
}
.kontakt #cf_5, #cf_4, #cf_3, #cf_2, #cf_1 {
  max-width: 100% !important;
}
/*Team*/
.team h1 {
  font-weight: 300;
  font-family: "poppins", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-size: 2.5rem;
  color: white;
}
.berufsbildung {
  padding-top: 3rem;
}
/*Language Switcher Image */
div.mod-languages img {
  border: none;
  display: inline-block;
  height: 16px;
  max-width: 30px;
  text-align: center;
}
/* Exklusiv */
.exklusiv #cf_6 {
  background-image: url('../../../../images/bg_green.jpg');
  --label-color: #FFFFFF;
  --max-width: 100% !important;
  border-radius: 25px;
  background-position: left top;
  background-repeat: repeat;
}
/*# sourceMappingURL=custom_27.css.map */