@charset "UTF-8";
/*------------------------------------*\
	VARS
\*------------------------------------*/
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
/**
 * @license
 * MyFonts Webfont Build ID 3913138, 2020-06-12T06:09:28-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Gilroy-Thin by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/thin/
 * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-UltraLightItalic by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/ultra-light-italic/
 * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-ThinItalic by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/thin-italic/
 * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-SemiBoldItalic by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/semi-bold-italic/
 * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-SemiBold by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/semi-bold/
 * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-UltraLight by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/ultra-light/
 * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-Regular by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/regular/
 * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-RegularItalic by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/regular-italic/
 * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-MediumItalic by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/medium-italic/
 * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-Medium by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/medium/
 * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-LightItalic by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/light-italic/
 * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-Light by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/light/
 * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-HeavyItalic by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/heavy-italic/
 * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-Heavy by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/heavy/
 * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-ExtraBoldItalic by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/extra-bold-italic/
 * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-ExtraBold by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/extra-bold/
 * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-BoldItalic by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/bold-italic/
 * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-Bold by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/bold/
 * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-BlackItalic by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/black-italic/
 * Copyright: Copyright © 2015 by Radomir Tinkov. All rights reserved.
 *
 * Webfont: Gilroy-Black by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/gilroy/black/
 * Copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
 *
 *
 *
 * © 2020 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: "Gilroy";
  src: url("../assets/fonts/Gilroy-Regular/font.woff2") format("woff2"), url("../assets/fonts/Gilroy-Regular/font.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("../assets/fonts/Gilroy-RegularItalic/font.woff2") format("woff2"), url("../assets/fonts/Gilroy-RegularItalic/font.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("../assets/fonts/Gilroy-Medium/font.woff2") format("woff2"), url("../assets/fonts/Gilroy-Medium/font.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("../assets/fonts/Gilroy-MediumItalic/font.woff2") format("woff2"), url("../assets/fonts/Gilroy-MediumItalic/font.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("../assets/fonts/Gilroy-SemiBold/font.woff2") format("woff2"), url("../assets/fonts/Gilroy-SemiBold/font.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("../assets/fonts/Gilroy-SemiBoldItalic/font.woff2") format("woff2"), url("../assets/fonts/Gilroy-SemiBoldItalic/font.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Gilroy";
  src: url("../assets/fonts/Gilroy-Bold/font.woff2") format("woff2"), url("../assets/fonts/Gilroy-Bold/font.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("../assets/fonts/Gilroy-BoldItalic/font.woff2") format("woff2"), url("../assets/fonts/Gilroy-BoldItalic/font.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
/*
@font-face {
  font-family: 'Gilroy-Regular';
  src: url('../assets/fonts/Gilroy-Regular/font.woff2') format('woff2'), url('../assets/fonts/Gilroy-Regular/font.woff') format('woff');
}
@font-face {
  font-family: 'Gilroy-RegularItalic';
  src: url('../assets/fonts/Gilroy-RegularItalic/font.woff2') format('woff2'), url('../assets/fonts/Gilroy-RegularItalic/font.woff') format('woff');
}
@font-face {
  font-family: 'Gilroy-Medium';
  src: url('../assets/fonts/Gilroy-Medium/font.woff2') format('woff2'), url('../assets/fonts/Gilroy-Medium/font.woff') format('woff');
}
@font-face {
  font-family: 'Gilroy-MediumItalic';
  src: url('../assets/fonts/Gilroy-MediumItalic/font.woff2') format('woff2'), url('../assets/fonts/Gilroy-MediumItalic/font.woff') format('woff');
}
@font-face {
  font-family: 'Gilroy-SemiBold';
  src: url('../assets/fonts/Gilroy-SemiBold/font.woff2') format('woff2'), url('../assets/fonts/Gilroy-SemiBold/font.woff') format('woff');
}
@font-face {
  font-family: 'Gilroy-SemiBoldItalic';
  src: url('../assets/fonts/Gilroy-SemiBoldItalic/font.woff2') format('woff2'), url('../assets/fonts/Gilroy-SemiBoldItalic/font.woff') format('woff');
}
@font-face {
  font-family: 'Gilroy-Bold';
  src: url('../assets/fonts/Gilroy-Bold/font.woff2') format('woff2'), url('../assets/fonts/Gilroy-Bold/font.woff') format('woff');
}
@font-face {
  font-family: 'Gilroy-BoldItalic';
  src: url('../assets/fonts/Gilroy-BoldItalic/font.woff2') format('woff2'), url('../assets/fonts/Gilroy-BoldItalic/font.woff') format('woff');
}
*/
/*------------------------------------*\
	SECTION - BRANCHEN
\*------------------------------------*/
.section.section-branchen {
  margin: 0;
  /*
  h2, .sub-headline {
    text-align: center;
    max-width: 800px;
  }
  .sub-headline {
    font-size: 24px;
    line-height: 33px;
  }
  */
}
.section.section-branchen .flex-wrap .inner-wrap {
  align-items: center;
  max-width: 1620px;
  padding-top: 75px;
  padding-bottom: 75px;
  padding-left: 180px;
  padding-right: 180px;
}
.section.section-branchen .flex-wrap .inner-wrap .text-wrap {
  width: 100%;
  max-width: 1620px;
  padding-left: 180px;
  padding-right: 180px;
}
.section.section-branchen .branchen-list {
  margin-top: 50px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  z-index: 10;
}
.section.section-branchen .branchen-list li.branchen-item {
  width: 25%;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.section.section-branchen .branchen-list li.branchen-item a {
  width: 100%;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.section.section-branchen .branchen-list li.branchen-item .top {
  width: 100%;
  z-index: 2;
  margin-bottom: 30px;
}
.section.section-branchen .branchen-list li.branchen-item .bottom {
  width: 100%;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.section.section-branchen .branchen-list li.branchen-item .item-inner-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  text-align: left;
  width: calc(100% - 30px);
  height: 100%;
  padding: 15px;
  background: #f5f7f8;
  border-radius: 16px;
  border: 1px solid #f0f3f5;
  transition: all 0.5s cubic-bezier(0.24, 0.66, 0.27, 1);
  position: relative;
  overflow: hidden;
}
.section.section-branchen .branchen-list li.branchen-item .hover-image {
  opacity: 0.05;
  filter: grayscale(100);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: var(--hover-img);
  z-index: 0;
  transform: scale(1);
  transform-origin: top right;
}
.section.section-branchen .branchen-list li.branchen-item:hover a {
  transform: translateY(-10px);
}
.section.section-branchen .branchen-list li.branchen-item:hover .hover-image {
  opacity: 0.1;
}
.section.section-branchen .branchen-list li.branchen-item:hover .bottom {
  transform: translateY(0);
}
.section.section-branchen .branchen-list li.branchen-item:hover .item-inner-wrap {
  background: #3769f3;
}
.section.section-branchen .branchen-list li.branchen-item:hover .branchen-icon {
  filter: grayscale(0);
  transform: scale(1);
}
.section.section-branchen .branchen-list li.branchen-item:hover .branchen-title {
  color: #FFFFFF;
}
.section.section-branchen .branchen-list li.branchen-item:hover .branchen-description {
  color: #FFFFFF;
}
.section.section-branchen .branchen-list li.branchen-item:hover .btn-standard {
  color: #FFFFFF !important;
  background-color: #fc4c5d;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
.section.section-branchen .branchen-list .branchen-icon-wrapper {
  background-color: #3769f3;
  width: 80px;
  height: 80px;
  border-radius: 12px;
  overflow: hidden;
}
.section.section-branchen .branchen-list .branchen-icon {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: grayscale(0.5);
  transform: scale(1.1);
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.section.section-branchen .branchen-list .branchen-title {
  color: #3769f3;
  font-size: 24px;
  line-height: 33px;
  letter-spacing: normal;
  font-weight: bold;
  transition: color 0.25s ease-out;
  margin-top: 20px;
}
.section.section-branchen .branchen-list .branchen-description {
  margin-top: 15px;
  text-align: left;
  color: #000000;
}
.section.section-branchen .branchen-list .btn-wrapper {
  width: 100%;
  z-index: 3;
  margin-top: 30px;
}
.section.section-branchen .branchen-list .btn-standard {
  width: 100%;
  border-radius: 12px;
  color: #fc4c5d !important;
  background-color: white;
  justify-content: center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125), 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.075), 0 8px 8px rgba(0, 0, 0, 0.05), 0 16px 16px rgba(0, 0, 0, 0.025);
}
.section.section-branchen.blue-template .branchen-list li.branchen-item .item-inner-wrap {
  background: #3769f3;
  transition: box-shadow 0.5s cubic-bezier(0.24, 0.66, 0.27, 1);
}
.section.section-branchen.blue-template .branchen-list li.branchen-item .hover-image {
  opacity: 0.1;
}
.section.section-branchen.blue-template .branchen-list li.branchen-item:hover .item-inner-wrap {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07), 0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
  z-index: 100;
}
.section.section-branchen.blue-template .branchen-list li.branchen-item:hover .hover-image {
  opacity: 0;
}
.section.section-branchen.blue-template .branchen-list li.branchen-item:hover .branchen-title {
  color: #fc4c5d !important;
}
.section.section-branchen.blue-template .branchen-list li.branchen-item:hover .branchen-description {
  color: #000000;
}
.section.section-branchen.blue-template .branchen-list .branchen-title {
  color: #FFF;
}
.section.section-branchen.blue-template .branchen-list .branchen-description {
  color: #FFF;
}
/*------------------------------------*\
	QUERYS
\*------------------------------------*/
@media only screen and (max-width: 1024px) {
  .section.section-branchen .flex-wrap .inner-wrap .text-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .section.section-branchen .branchen-list li.branche {
    width: 50%;
  }
  .section.section-branchen .branchen-list li.branche.display-style-wide {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .section.section-branchen .branchen-list li.branche {
    width: 100%;
    padding: 0;
  }
  .section.section-branchen .flex-wrap .inner-wrap {
    padding-left: 35px;
    padding-right: 35px;
  }
  .section.section-branchen .flex-wrap .inner-wrap {
    align-items: flex-start;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22https%3A%2F%2Fpmfactory.at%2F%22%2C%22sources%22%3A%5B%22wp-content%2Fthemes%2Fpmfactory%2Fscss%2Fsection_branchen.scss%22%2C%22wp-content%2Fthemes%2Fpmfactory%2Fscss%2Ffonts.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACuGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADpJA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAkBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAkBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAoBE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYE%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAA3NN%3BAAAA%3BAAAA%3BAA4OA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAACE%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%22%7D */