/* 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";
.div_bild1 {
  padding-top: 80px;
  padding-left: 70px;
}
.img_center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_links {
  float: left;
  margin-right: 10px;
  border: none;
}
.icon_aufz li {
  list-style-type: disc;
  color: red;
  font-weight: bold;
}
.flexbox {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.flexbox_box {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-content: space-between;
}
.flexbox_center {
  justify-content: center;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-content: space-between;
  flex-wrap: wrap;
}
.flexelementbox {
  margin: 25px 0px 25px 0px;
}
.flexelementchild {
  flex-grow: 1;
}
.flexelementboxbottom {
  align-items: stretch;
  vertical-align: bottom;
  margin: 10px;
  height: 100%;
}
.bgblue {
  background-color: #99d1de;
}
.bgorange {
  background-color: #e68229;
}
.bglila {
  background-color: #741859;
}
.bggrau {
  background-color: #DADADA;
}
.frame {
  margin: 0px 30px 0px 30px;
}
.divhover:hover {
  background-color: #CC9;
  border: 4px dashed #f00;
}
.padding10 {
  padding: 10px;
}
.padding20 {
  padding: 20px;
}
.links {
  padding: 0 20px 0 10px;
}
.rechts {
  padding: 0 10px 0 20px;
}
.rahmen {
  border-width: 1px;
  border-style: solid;
  border-color: #DADADA;
  margin: -50px inherit;
  padding: 15px;
}
.relative {
  position: relative;
}
.unten {
  padding: 25px 0 70px 0;
}
.pos-bottom {
  position: absolute;
  bottom: 0;
}
.iconblog h2 {
  margin: 0 auto;
  font-weight: 800;
  padding-left: 3px;
  padding-bottom: 20px;
}
.iconblog p {
  padding-left: 20px;
  margin: 0.2rem 0;
}
.iconblog ul {
  color: #4e4e4e;
}
.content1 h1, .flexbox h1 {
  color: #000;
  font-weight: 500;
  line-height: 1.5;
}
.content1 h2, .flexbox h2 {
  color: #000;
  font-weight: 500;
  line-height: 1.5;
}
.content1 h3, .flexbox h3 {
  color: #4e4e4e;
  font-weight: normal;
}
.g-simplecontent .g-simplecontent-item-main-content {
  color: #666;
}
.g-simplecontent h1 {
  font-weight: 600;
  color: #5d813b;
}
.g-simplecontent h2 {
  font-weight: 600;
  color: #5d813b;
}
/* Änderungen an den DIV für mobile Darstellung Screen kleiner 600px; */
/* 4k Bildschirme  */
@media (min-width: 1921px) {
  /*
.flex2row { flex-basis: 45%; }
*/
  /*
.g-slideshow .g-slideshow-slider .swiper-slide .slide .g-slideshow-main-title {
   font-size: calc(40px + (46 - 40) * ((100vw - 2200px) / (4000 - 2200)));}
.g-slideshow .g-slideshow-slider .swiper-slide .slide .g-slideshow-top-title {
   font-size: calc(28px + (30 - 28) * ((100vw - 2200px) / (4000 - 2200)));}

.g-slideshow .g-slideshow-slider .swiper-slide .slide .slide-content {
    width: 70%;
    margin-left: 10%;
}   */
  /* https://www.maintronic.de site Hintergrund festlegen */
  .iconblog h2 {
    line-height: max(1.4);
    font-size: 24px;
  }
  .iconblog ul {
    font-size: 16px;
  }
  .icon_links {
    width: 120px !important;
  }
  .flex33 {
    flex-basis: 31%;
  }
  .flex50 {
    flex-basis: 48%;
  }
  .flex66 {
    flex-basis: 60%;
  }
  .flex2row {
    flex-basis: 49%;
  }
  .content1 h1, .flexbox h1 {
    font-size: 36px;
  }
  .content1 h2, .flexbox h2 {
    font-size: 28px;
  }
  .content1 h3, .flexbox h3 {
    font-size: 20px;
  }
  .g-slideshow .g-slideshow-slider .swiper-slide .slide .g-slideshow-main-title {
    font-size: 36px;
  }
  .g-slideshow .g-slideshow-slider .swiper-slide .slide .g-slideshow-top-title {
    font-size: 28px;
  }
  body {
    max-width: 1921px !important;
    margin: auto;
  }
  html {
    background-color: #000;
  }
}
/* Große Bildschirme  */
@media (min-width: 76em) and (max-width: 1920px) {
  .iconblog h2 {
    line-height: 1.4;
    font-size: 1.5em;
  }
  .iconblog ul {
    font-size: 1.2em;
  }
  .icon_links {
    width: 120px !important;
  }
  .flex33 {
    flex-basis: 31%;
  }
  .flex50 {
    flex-basis: 48%;
  }
  .flex66 {
    flex-basis: 60%;
  }
  .flex2row {
    flex-basis: 49%;
  }
  .content1 h1, .flexbox h1 {
    font-size: max(2vw);
  }
  .content1 h2, .flexbox h2 {
    font-size: max(1.5vw);
  }
  .content1 h3, .flexbox h3 {
    font-size: max(1.2vw);
  }
}
/* Desktop */
@media (min-width: 50em) and (max-width: 76em) {
  /* .flex2row { flex-basis: 50%; } */
  .iconblog h2 {
    line-height: 1.4;
    font-size: 1.5em;
  }
  .iconblog ul {
    font-size: 1.2em;
  }
  .icon_links {
    width: 70px !important;
  }
  .flex33 {
    flex-basis: 48%;
  }
  .flex50 {
    flex-basis: 48%;
  }
  .flex66 {
    flex-basis: 62%;
  }
  .content1 h1, .flexbox h1 {
    font-size: 2.5vw;
  }
  .content1 h2, .flexbox h2 {
    font-size: 1.8vw;
  }
  .content1 h3, .flexbox h3 {
    font-size: 1.5vw;
  }
}
/* mobile Geräte landscape */
@media (max-width: 50em) {
  .iconblog h2 {
    line-height: 1.1;
    font-size: 1.3em;
  }
  .iconblog ul {
    font-size: 1.2em;
  }
  .icon_links {
    width: 100px !important;
  }
  .flexelementbox, .flex50, .flex66, .flex2row {
    flex-basis: 100%;
  }
  .content1 h1, .flexbox h1 {
    font-size: 4vw;
  }
  .content1 h2, .flexbox h2 {
    font-size: 3vw;
  }
  .content1 h3, .flexbox h3 {
    font-size: 3vw;
  }
}
.div_caption {
  box-sizing: border-box;
  border-top: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
  margin: 0px 0px 15px 0px;
  background: #ececeb;
  padding: 10px 0px 10px 10px;
  font-size: 1.4em;
  font-weight: 500;
  color: #5d813b;
  line-height: 1.4em;
}
/*
.div_caption:before {
    background: url(../images/patterns/horiz-lines.png);
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 6px;
    bottom: 6px;
}
#*/
/*

.column {
	margin: 15px 15px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
*/
/*
figure {
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

figure:hover+span {
	bottom: -36px;
	margin:-36px;

	opacity: 1;
}
*/
/* Zoom In #1 */
.hoverzoom figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.margin0 {
  margin: 0em 0px;
}
.hoverzoom figure:hover img {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  z-index: 1;
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
/* Opacity #2 */
.hoveropa figure {
  background: #1abc9c;
}
.hoveropa figure img {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.hoveropa figure:hover img {
  opacity: 0.5;
}
/* Flashing */
.hoverflash figure:hover img {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
@-webkit-keyframes flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
/*  -------   Container Layout   ---- */
#g-showcase, #g-above, #g-utility {
  background-color: #E4E4E4;
}
#g-feature {
  background-image: url('../../images/backgrounds/feature/bg-casambi.jpg');
}
/*  -------   Für Fullscreen   ---- */
.fullscreen .section-horizontal-paddings {
  padding-left: 0;
  padding-right: 0;
}
.fullscreen .g-content {
  margin: 0;
  padding: 0;
}
/* --------  Particle Header  ----- */
.g-heading h2 {
  font-weight: 600;
  font-size: 1.8vw;
  padding-top: 20px;
}
/* Font awesome für Download */
.fa-dl {
  font-size: 1.4em;
}
.pdata p, .pdata a, .pdata li {
  line-height: 1.8em;
  font-size: 1.1em;
  font-weight: 400;
}
.pdata ul, .pdata h1, .pdata h2 {
  margin-top: 1rem;
}
.pdata h1 {
  font-size: 1.8em;
  font-weight: 500;
}
.pdata h2 {
  font-size: 1.6em;
  font-weight: 500;
}
.dldata {
  padding-left: 15px;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
/* Particle Imagegrid - Darstellung lightcase -ms- */
html[data-lc-type="image"] #lightcase-content, html[data-lc-type="video"] #lightcase-content {
  background-color: #DFDFDF;
}
.g-heading-2, .g-heading-3 {
  position: relative;
}
.g-heading-2 h2, .g-heading-3 h2 {
  font-weight: 600;
  font-size: 2vw;
  color: #000;
}
.g-heading-2 p {
  margin: 0;
  top: -1.4rem;
  left: -2rem;
  opacity: 0.071;
  padding: 0;
  position: absolute;
  font-weight: 600;
  font-size: 9vw;
  line-height: 0;
  color: #000;
}
.g-heading-3 h1 {
  margin: 0;
  top: -3rem;
  left: -1rem;
  opacity: 0.1;
  padding: 0;
  position: absolute;
  font-weight: 600;
  font-size: 6vw;
  line-height: 0;
  color: #000;
}
.aufzaehlung1 li {
  line-height: 1vw;
}
.aufzaehlung1 ul {
  list-style: url('../../../../images/icons/benefits_SW.png');
  margin-left: 4rem;
}
.hr-trenner {
  border: solid #CCC 3px;
  background-color: #666;
  height: 3px;
  width: 100%;
  text-align: center;
  margin-top: 5vw;
  margin-bottom: 5vw;
}
.g-imagegrid {
  margin: 5px;
}
.g-imagegrid-item {
  background-color: #EBEBEB;
  /* ADD -ms- */
  border: #E2E2E2 solid medium;
  /* ADD -ms- */
  /* margin: 5px;   /* ADD -ms- */
}
.g-imagegrid-mod ~ g-imagegrid-item img {
  height: auto;
}
.g-imagegrid-mod ~ g-imagegrid-link {
  position: inherit;
  width: 100%;
  height: auto;
}
.g-video-container .g-video, .shadow3 img {
  box-shadow: 0 0rem 1.5rem #bcb8ae;
}
/* Änderungen Darstellung Menu Navigation  */
#g-navigation .g-grid {
  align-items: normal;
  -webkit-align-items: normal;
}
/*# sourceMappingURL=custom_342.css.map */