@charset "UTF-8";
/* -------------------------------- Webseite -------------------------------- */
/* --------------------------------- Cookie --------------------------------- */
@import "/template/css/_system/mystyle.css";
/* Global */
.container {
  max-width: 1640px;
}
.background-color-box {
  background: #f2f3f4;
  max-width: 100%;
  padding: 100px 0;
}
p {
  text-align: justify;
  hyphens: auto;
}
/* navbar */
.navbar a {
  font-weight: 400;
}
button.lan-btn {
  background: transparent !important;
  text-transform: uppercase !important;
  color: #90d103 !important;
  font-weight: 600 !important;
}
/* Startseite */
#de_1_Loesungen .service-area .single-service {
  height: 100%;
}
/* Beratungen -> Beratungsleistung */
#beratungsleistung .riyaqas-check-list img {
  position: absolute;
}
#beratungsleistung .riyaqas-check-list p {
  padding-left: 50px;
}
#beratungsleistung .info-box {
  padding: 10px;
  margin: 10px;
  display: flex;
  /* justify-content: center;*/
  align-items: center;
  flex-direction: column;
  box-shadow: 0px 10px 34px #97a1b21f;
  position: relative;
  height: 100%;
  transition: 0.3s ease-in-out;
  text-align: center;
}
#beratungsleistung .info-box:hover {
  transform: scale(1.05);
  cursor: pointer;
}
#beratungsleistung .info-box::before {
  position: absolute;
  content: "";
  background-color: #90d103;
  width: 20px;
  height: 3px;
  left: 0;
  top: 0;
}
#beratungsleistung .info-box::after {
  position: absolute;
  content: "";
  background-color: #90d103;
  width: 3px;
  height: 20px;
  left: 0;
  top: 0;
}
#beratungsleistung .info-box span.bottom-left::before {
  position: absolute;
  content: "";
  background-color: #90d103;
  width: 20px;
  height: 3px;
  left: 0;
  bottom: 0;
}
#beratungsleistung .info-box span.bottom-left::after {
  position: absolute;
  content: "";
  background-color: #90d103;
  width: 3px;
  height: 20px;
  left: 0;
  bottom: 0;
}
#beratungsleistung .info-box span.bottom-right::before {
  position: absolute;
  content: "";
  background-color: #90d103;
  width: 20px;
  height: 3px;
  right: 0;
  bottom: 0;
}
#beratungsleistung .info-box span.bottom-right::after {
  position: absolute;
  content: "";
  background-color: #90d103;
  width: 3px;
  height: 20px;
  right: 0;
  bottom: 0;
}
#beratungsleistung .info-box .schnittmarken::before {
  position: absolute;
  content: "";
  background-color: #90d103;
  width: 20px;
  height: 3px;
  right: 0;
  top: 0;
}
#beratungsleistung .info-box .schnittmarken::after {
  position: absolute;
  content: "";
  background-color: #90d103;
  width: 3px;
  height: 20px;
  right: 0;
  top: 0;
}
#beratungsleistung .info-box .icon-box {
  padding: 30px 10px;
}
#beratungsleistung .info-box .icon-box p {
  text-align: center;
  font-size: 21px;
  font-weight: 500;
  padding-top: 20px;
}
/*TEMPLATE: 3D DRUCK */
#pageid-16 section.DreiD_Druck:before {
  /*  content: "";
    background-image: url(/template/images/images/anwendungsbereiche/isolated-elements.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 600px;
    height: calc(100% - 50px);
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 4;*/
}
section.DreiD_Druck {
  padding: 150px 0;
  padding-bottom: 100px;
  position: relative;
}
section.DreiD_Druck div#de_17_Haupttext, section.DreiD_Druck div#de_18_Haupttext, section.DreiD_Druck div#de_19_Haupttext, section.DreiD_Druck div#de_20_Haupttext, section.DreiD_Druck div#de_21_Haupttext, section.DreiD_Druck div#de_22_Haupttext {
  margin-bottom: -100px;
}
section.DreiD_Druck .container, section.DreiD_Druck .container-fluid {
  padding: 0 40px;
}
section.DreiD_Druck .container h1, section.DreiD_Druck .container-fluid h1 {
  font-size: 46px;
  letter-spacing: 0.92px;
  color: #90d103;
  opacity: 1;
  font-weight: 600;
  margin-bottom: 0;
  font-family: var(--poppins-font);
  padding-bottom: 20px;
}
section.DreiD_Druck .container h1 span, section.DreiD_Druck .container-fluid h1 span {
  color: var(--main-color-one);
}
section.DreiD_Druck .container h2, section.DreiD_Druck .container .h2, section.DreiD_Druck .container h3, section.DreiD_Druck .container .h3, section.DreiD_Druck .container-fluid h2, section.DreiD_Druck .container-fluid .h2, section.DreiD_Druck .container-fluid h3, section.DreiD_Druck .container-fluid .h3 {
  color: #90d103;
  font-size: 36px;
}
section.DreiD_Druck .container h2 span, section.DreiD_Druck .container .h2 span, section.DreiD_Druck .container h3 span, section.DreiD_Druck .container .h3 span, section.DreiD_Druck .container-fluid h2 span, section.DreiD_Druck .container-fluid .h2 span, section.DreiD_Druck .container-fluid h3 span, section.DreiD_Druck .container-fluid .h3 span {
  color: var(--main-color-one);
}
section.DreiD_Druck .container p, section.DreiD_Druck .container-fluid p {
  font-size: 16px;
  text-align: justify;
  hyphens: auto;
}
section.DreiD_Druck .container img, section.DreiD_Druck .container-fluid img {
  border-radius: 3px;
}
section.DreiD_Druck .container .text, section.DreiD_Druck .container-fluid .text {
  padding: 50px 0;
}
section.DreiD_Druck .container .list, section.DreiD_Druck .container-fluid .list {
  position: relative;
  padding: 30px 0;
}
section.DreiD_Druck .container .flex, section.DreiD_Druck .container-fluid .flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.DreiD_Druck .container .list2, section.DreiD_Druck .container-fluid .list2 {
  position: relative;
  padding: 30px 0 30px 50px;
}
section.DreiD_Druck .container .list2 p, section.DreiD_Druck .container-fluid .list2 p {
  padding-bottom: 30px;
}
section.DreiD_Druck .container ul li, section.DreiD_Druck .container-fluid ul li {
  position: relative;
  margin-left: 30px;
  list-style-type: none;
  font-size: 18px;
  margin-bottom: 20px;
}
section.DreiD_Druck .container ul li:before, section.DreiD_Druck .container-fluid ul li:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  color: #90d103;
  font-size: 30px;
  left: -55px;
  top: -9px;
}
section.DreiD_Druck .container ul:not(::before), section.DreiD_Druck .container-fluid ul:not(::before) {
  display: none;
}
section.DreiD_Druck .container .bg-cube, section.DreiD_Druck .container-fluid .bg-cube {
  position: relative;
  transform: translate(100%, 0%);
  z-index: -2;
}
section.DreiD_Druck .container .bg-cube:before, section.DreiD_Druck .container-fluid .bg-cube:before {
  content: "";
  background-image: url(/template/images/images/anwendungsbereiche/bg-cube.svg);
  position: absolute;
  width: 100%;
  background-size: contain;
  height: 500px;
  background-repeat: no-repeat;
  opacity: 0.5;
  animation: rotation 8s infinite linear;
  left: 0;
  top: -180px;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(7deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-7deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
section.DreiD_Druck .container .unternehmen-box, section.DreiD_Druck .container-fluid .unternehmen-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0px 10px 34px #97a1b21f;
  position: relative;
  height: 100%;
  transition: 0.3s ease-in-out;
  text-align: center;
}
section.DreiD_Druck .container .unternehmen-box img, section.DreiD_Druck .container-fluid .unternehmen-box img {
  width: 100%;
}
section.DreiD_Druck .container .unternehmen-box .u-text-box, section.DreiD_Druck .container-fluid .unternehmen-box .u-text-box {
  padding: 25px;
  background: white;
}
section.DreiD_Druck .container .unternehmen-box .u-text-box strong, section.DreiD_Druck .container-fluid .unternehmen-box .u-text-box strong {
  position: relative;
}
section.DreiD_Druck .container .unternehmen-box .u-text-box strong:before, section.DreiD_Druck .container-fluid .unternehmen-box .u-text-box strong:before {
  content: "";
  background-color: #90d103;
  width: 2px;
  height: 20px;
  position: absolute;
  left: -8px;
  top: 0px;
}
section.DreiD_Druck .container div#de_11_Haupttext .list, section.DreiD_Druck .container-fluid div#de_11_Haupttext .list {
  position: relative;
  padding: 30px 60px;
  margin-left: 50px;
}
section.DreiD_Druck .container div#de_11_Haupttext .list li, section.DreiD_Druck .container-fluid div#de_11_Haupttext .list li {
  margin-left: 50px;
}
section.DreiD_Druck .container div#de_11_Haupttext .list:before, section.DreiD_Druck .container-fluid div#de_11_Haupttext .list:before {
  content: "";
  position: absolute;
  transform: skewX(333deg);
  width: calc(100% + 500px);
  height: calc(100% + 50px);
  background-color: #f3f3f3;
  left: -140px;
  bottom: -15px;
  z-index: -1;
}
section.DreiD_Druck .container div#de_11_Haupttext .list2, section.DreiD_Druck .container-fluid div#de_11_Haupttext .list2 {
  position: relative;
  padding: 30px 0 30px 0px;
}
section.DreiD_Druck .container div#de_11_Haupttext .list2::before, section.DreiD_Druck .container-fluid div#de_11_Haupttext .list2::before {
  content: "";
  position: absolute;
  transform: skewX(333deg);
  width: calc(100% + 550px);
  height: calc(100% + 50px);
  background-color: #f3f3f3;
  left: -385px;
  bottom: 0;
  z-index: -1;
}
/*TEMPLATE: UNTERSEITE */
section.unterseite {
  padding: 150px 0 100px;
}
section.unterseite h1 {
  font-size: 46px;
  letter-spacing: 0.92px;
  color: #90d103;
  opacity: 1;
  font-weight: 600;
  margin-bottom: 0;
  font-family: var(--poppins-font);
}
section.unterseite h1 span {
  color: var(--main-color-one);
}
section.unterseite h2, section.unterseite .h2, section.unterseite h3, section.unterseite .h3 {
  color: #90d103;
  font-size: 36px;
}
section.unterseite p {
  font-size: 16px;
  hyphens: auto;
}
section.unterseite img {
  border-radius: 5px;
  width: calc(100% - 80px);
}
section.unterseite ul li {
  position: relative;
  margin-left: 50px;
  list-style-type: none;
  font-size: 18px;
  margin-bottom: 20px;
}
section.unterseite ul li:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  color: #90d103;
  font-size: 30px;
  left: -55px;
  top: -9px;
}
section.unterseite ul:not(::before) {
  display: none;
}
section.unterseite div#de_3_Haupttext ul li, section.unterseite div#de_25_Haupttext ul li {
  position: relative;
  margin-left: 10px;
}
section.unterseite div#de_3_Haupttext ul li:before, section.unterseite div#de_25_Haupttext ul li:before {
  display: none;
}
section.unterseite div#de_3_Haupttext ul:not(::before), section.unterseite div#de_25_Haupttext ul:not(::before) {
  display: none;
}
/*TEMPLATE: KONTAKT */
section.kontakt {
  padding: 150px 0;
  margin: 0 250px;
  position: relative;
}
section.kontakt::before {
  content: "";
  background-image: url(/template/images/images/anwendungsbereiche/bg-cube.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  background-size: contain;
  width: 100%;
  height: calc(100% - 450px);
  left: 50%;
  top: 50%;
  transform: translate(5%, -43%);
  filter: blur(1px) opacity(0.55);
  z-index: -1;
}
section.kontakt h1 {
  letter-spacing: 0.92px;
  color: #90d103;
}
section.kontakt h1 span {
  color: var(--main-color-one);
}
section.kontakt a {
  color: #90d103;
}
section.kontakt a:hover {
  color: #111;
}
section.kontakt .btn-primary {
  background-color: #90d103;
  border-color: #90d103;
}
section.kontakt .btn-primary:hover {
  opacity: 0.75;
}
section.kontakt small {
  font-size: 90%;
}
section.kontakt .form-check input[type="checkbox"] + label:before, section.kontakt .form-check input[type="radio"] + label:before {
  background-color: #fff;
  border: 2px solid #999;
  border-radius: 0px;
  content: "";
  display: inline-block;
  height: 17px;
  line-height: 1;
  margin-left: -25px;
  position: absolute;
  transition: all linear 0.1s;
  width: 17px;
  left: 12px;
  top: 2px;
}
section.kontakt .form-check input[type="checkbox"] + label, section.kontakt .form-check input[type="radio"] + label {
  display: block;
  padding-left: 15px !important;
  position: relative;
  font-size: 15px;
  margin-top: 10px;
}
section.kontakt .form-check input[type="checkbox"], section.kontakt .form-check input[type="radio"] {
  opacity: 0;
  display: none;
  margin-left: 1px !important;
}
section.kontakt .form-check input[type="checkbox"]:checked + label:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  transition: all linear 0.1s;
  font-weight: 900;
  border: 0;
  border: 2px solid #666;
  left: 12px;
  top: 2px;
  color: #90d103;
}
section.kontakt .form-control {
  display: block;
  width: 100%;
  padding: 1.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 25px 7px rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #90d103;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
section.kontakt input[type="text"]:focus, section.kontakt input[type="email"]:focus, section.kontakt input[type="url"]:focus, section.kontakt input[type="password"]:focus, section.kontakt input[type="search"]:focus, section.kontakt input[type="tel"]:focus, section.kontakt input[type="number"]:focus, section.kontakt textarea:focus, section.kontakt input[type="button"]:focus, section.kontakt input[type="reset"]:focus, section.kontakt input[type="submit"]:focus, section.kontakt select:focus {
  outline: none;
  box-shadow: 0px 0px 25px 7px rgba(0, 0, 0, 0.05);
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #ddd;
  background-color: #ffffff;
}
section.kontakt iframe.map {
  border: 0;
  width: 100%;
  height: 400px;
  box-shadow: 0 0px 30px -10px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}
.gray {
  background: #f2f3f4;
  padding: 30px 0px;
  padding-bottom: 20px;
}
#beratungsleistung .abstand {
  margin-bottom: 50px;
}
div#de_2_Haupttext p.h3 {
  font-size: 24px;
}
/*# sourceMappingURL=../../template/css/_maps/zz_custom.map */