@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: "Nunito Sans";
  src: url("../../fonts/NunitoSans-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: "Nunito Sans";
  src: url("../../fonts/NunitoSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "Nunito Sans";
  src: url("../../fonts/NunitoSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "Nunito Sans";
  src: url("../../fonts/NunitoSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: "Nunito Sans";
  src: url("../../fonts/NunitoSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }
.mobile-nav-toggle {
  color: #016394; }

i.mobile-nav-toggle.mobile-nav-hide {
  /*color: #fff;*/
  color: #016394; }

body.mobile-nav-active .navbar:before, body.mobile-nav-active .navbar ul {
  /* background: rgba(1,99,248,0.8);*/
  background: #fff; }

body, * {
  font-family: 'Nunito Sans', sans-serif !important; }

img {
  width: 100%;
  height: auto; }

.page_59 section#hero, .page_58 section#hero {
  display: none; }

/*
footer .zertifizierungen img
{
    max-width: 200px !important;
    height: auto;
}

*/
.navbar-brand {
  width: 200px; }

.navbar-brand.mig {
  width: 120px; }

section#hero {
  background: url("../../../bilder/slider/willkommen.jpg") no-repeat center center;
  background-repeat: no-repeat;
  height: 70vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  background-position: 25% 0%; }

.page_47 section#hero {
  /*
background: url("../../../bilder_group/slider/sim-tec-blechverarbeitung.jpg") no-repeat center center fixed;
background-repeat: no-repeat;
height: 90vh;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: flex;
align-items: flex-end;
background-position: 50% 80%;*/
  background: url(../../../bilder_group/slider/sim-tec-blechverarbeitung.jpg) no-repeat center center;
  background-attachment: scroll !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 90vh !important; }

.page_29 section#hero {
  background: url("../../../bilder_zerspanung/slider/willkommen_2.jpg") no-repeat center center fixed;
  background-repeat: no-repeat;
  height: 70vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  background-position: 50% 80%; }

.unterseite.zerspanung section#hero {
  background: url(../../../bilder_group/slider/allgemein.jpg) no-repeat center center;
  background-attachment: scroll !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 50vh !important; }

.unterseite.zerspanung.karriere section#hero {
  background: url("../../../bilder_group/slider/karriere.jpg") no-repeat center center fixed;
  background-repeat: no-repeat;
  height: 70vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  background-position: 50% 40%; }

.page_68.unterseite.zerspanung section#hero {
  background: url(../../../bilder_group/slider/simtec.jpg) no-repeat center center;
  background-attachment: scroll !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 50vh !important; }

.page_70.unterseite.zerspanung section#hero {
  background: url(../../../bilder_group/slider/ausbildung.jpg) no-repeat center center;
  background-attachment: scroll !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 50vh !important;
  background-position: 14% 30%; }

.page_58.unterseite.zerspanung section#hero {
  background: url(../../../bilder_group/slider/anfrage.jpg) no-repeat center center;
  background-attachment: scroll !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 50vh !important;
  background-position: 14% 45%; }

.page_59.unterseite.zerspanung section#hero {
  background: url(../../../bilder_group/slider/kontakt.jpg) no-repeat center center;
  background-attachment: scroll !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 50vh !important;
  background-position: 14% 25%; }

ul#list_willkommen {
  list-style-type: square; }

ul#list_willkommen li, #c158 ul li {
  border-bottom: solid #ccc 1px;
  padding: 10px 0; }

.anfragen a {
  background: transparent; }

.intro_group {
  align-self: center; }

section#boxes {
  margin-top: -200px; }

.contact-info {
  padding-left: 23px; }

.contact-info a {
  font-weight: 700; }

.btn-primary {
  background-color: #016394; }

.social-links.group img {
  max-height: 75px;
  margin-left: 40px; }

.row.leistungen ul {
  width: 100%;
  display: block;
  padding-left: 0px;
  margin-bottom: 0px; }

.row.leistungen ul.ce-uploads li {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.row.leistungen ul.ce-uploads li:hover {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05); }

.row.leistungen ul li {
  border-bottom: solid #fff 1px;
  padding: 20px 10px;
  font-weight: 600;
  height: 61px;
  background: #016394;
  color: #fff;
  list-style-type: none;
  font-size: 15px; }

.row.leistungen .ce-uploads a {
  color: #fff;
  font-size: 14px; }

footer .container:first-child {
  border-bottom: solid #84b7d1 1px; }

.contact .info-item, footer#footer, .contact .php-email-form button[type=submit] {
  background: #016394; }

.contact .info-container {
  background: #004567; }

footer#footer p {
  font-weight: 600; }

.page_80 section#hero {
  display: none; }

.robinhood img {
  max-width: 300px;
  display: block;
  margin: 0 auto; }

#topbar .social-links img {
  max-height: 72px;
  margin-right: 15px; }

.info-item a {
  color: #fff;
  font-weight: 600; }

#navbar li a i {
  position: absolute;
  right: -13px; }

.standorte .card-title {
  position: relative;
  overflow: hidden; }

/*

.standorte .card-title.hover-overlay {
    background: #000 !important;
}

.standorte .card-title img.card-img-top, .standorte .overlay-info, .row.stellenanzeigen .ce-textpic img
{
    -webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

.standorte .card-title:hover img.card-img-top, .row.stellenanzeigen .ce-textpic:hover img
{
    opacity: 0.5;
    -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.standorte .card-title:hover .overlay-info
{
    opacity: 1;
}

*/
section.anfragen i {
  font-size: 37px; }

a.dropdown-item.active {
  background: #016394;
  color: #fff !important; }

.stellenanzeige_detail .powermail_create tr td {
  color: #fff !important; }

.col-md-4 .ce-textpic .ce-bodytext, .col-md-4 .frame-type-textpic header {
  padding: 15px 25px;
  background: #e6ecf5; }

.row.stellenanzeige_detail .col-md-4 .ce-textpic .ce-bodytext, .row.stellenanzeige_detail .col-md-4 .frame-type-textpic header {
  background: inherit; }

section#content .row.stellenanzeige_detail h3 {
  color: #fff;
  border-bottom: 0px; }

.standorte .overlay-info {
  position: absolute;
  z-index: 3;
  top: calc(50% - 80px);
  text-align: center;
  left: calc(50% - 150px);
  opacity: 0; }

video#slider {
  position: absolute;
  opacity: 0.5; }

#hero .navbar-brand {
  width: 400px; }

.standorte .info-container {
  height: auto;
  border-radius: 0px; }

.standorte .contact .info-item {
  border-radius: 0px; }

.standorte .card-body {
  padding: 0px; }

.stellenanzeige_detail h4 {
  display: block;
  background: #016394;
  padding: 5px 16px;
  color: #fff; }

.stellenanzeige_detail li {
  border-bottom: solid #ccc 1px;
  padding: 8px 0; }

.stellenanzeige_detail ul li:last-child {
  border-bottom: 0px; }

.stellenanzeige_detail .ce-textpic.ce-center, .row.anfrage.kontakt .frame-type-text {
  background: #016394;
  color: #fff;
  padding: 20px;
  position: relative; }

.row.anfrage.kontakt h3 {
  color: #fff !important; }

.row.anfrage.kontakt h3 {
  color: #fff !important; }

#page-top.page_59 .tx-powermail h3 {
  color: #016394 !important; }

.stellenanzeige_detail .ce-textpic.ce-center::after, .row.anfrage.kontakt .frame-type-text:after {
  content: "\f430";
  font-family: bootstrap-icons !important;
  font-size: 49px;
  position: absolute;
  right: 11px;
  top: 10px; }

.row.anfrage.kontakt .frame-type-text {
  margin-bottom: 15px; }

.row.anfrage.kontakt .frame-type-text a {
  color: #fff;
  font-weight: 700; }

.row.anfrage.kontakt .frame-type-text a.maillink:before {
  content: "\f32f";
  font-family: bootstrap-icons !important;
  padding-right: 3px; }

.row.anfrage.kontakt .frame-type-text a.maillink:before {
  content: "\f32f";
  font-family: bootstrap-icons !important;
  padding-right: 3px; }

.row.anfrage.kontakt .frame-type-text a.glyphicon-phone:before {
  content: "\f5c1";
  font-family: bootstrap-icons !important;
  padding-right: 3px; }

.row.leistungen.uebersicht li:before {
  content: "\f633";
  font-family: bootstrap-icons !important;
  padding-right: 3px; }

.row.leistungen.maschinen .ce-uploads a:before {
  content: "\f473";
  font-family: bootstrap-icons !important;
  padding-right: 3px; }

.row.leistungen.zertifikate .ce-uploads a:before {
  content: "\f3b9";
  font-family: bootstrap-icons !important;
  padding-right: 3px; }

.anfrage .tx-powermail {
  border: solid #026394 1px;
  padding: 28px; }

.tx-powermail legend, .tx-powermail label {
  display: none; }

.tx-powermail .col-md-12 {
  margin: 6px 0; }

.tx-powermail .container-fluid {
  padding: 0px; }

.stellenanzeige_detail .tx-powermail {
  /* border: solid #5b6f79 1px; */
  padding: 20px;
  background: #016394;
  color: #fff; }

.stellenanzeige_detail.formular img {
  max-width: 280px;
  margin: 0 auto;
  display: block; }

.row.stellenanzeigen .ce-bodytext a {
  background: #016394;
  padding: 11px;
  color: #fff;
  display: block;
  margin-top: -66px;
  position: absolute;
  width: 100%;
  font-size: 17px;
  text-align: center;
  height: 66px;
  align-self: flex-start; }

section#content h3, section#content .soziales_engagement h1 {
  color: #016394;
  border-bottom: solid blue 0.3px; }

.row.stellenanzeigen .ce-textpic {
  position: relative;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2); }

.row.stellenanzeigen .col-md-3 {
  margin-bottom: 15px; }

.row.header_karriere h3 {
  background: #026394;
  color: #fff !important;
  padding: 20px;
  margin-bottom: 0px; }

a.scroll-top {
  display: none !important; }

ul.breadCrumb {
  margin: 0;
  padding: 0;
  display: inline-block;
  border: solid #efefef 1px;
  padding: 10px; }

.breadCrumb li {
  display: inline-block !important;
  list-style: none;
  margin: 0;
  padding: 8px 20px 8px 0;
  font-size: 14px;
  color: #0059a3; }

.breadCrumb li a {
  color: #0059a3;
  text-decoration: none;
  display: block; }

.breadCrumb li a.home-icon img {
  height: auto;
  margin-left: 10px;
  margin-top: -7px;
  max-width: 20px; }

.breadCrumb li a:after {
  content: "»";
  padding-left: 20px;
  font-size: 15px; }

.breadCrumb li:before {
  display: none !important;
  content: none !important; }

div#breadcrumb {
  margin: 0 auto;
  display: table; }

ul.breadCrumb img {
  width: 24px;
  margin-right: 10px;
  margin-top: -3px; }

@-moz-document url-prefix() {
  .breadCrumb li a.home-icon::after {
    margin-right: 15px !important; }

  .breadCrumb .home-icon {
    display: block ruby !important; } }
.maps iframe {
  width: 100%;
  height: 300px; }

.row.maschinenliste .frame-type-table header h2 {
  background: #016394;
  color: #fff;
  padding: 11px;
  margin: 0px; }

.row.maschinenliste .frame-type-table td:first-child {
  font-weight: 700;
  text-align: right;
  background: #e6ecf5;
  width: 350px; }

.row.maschinenliste .frame-type-table td {
  padding: 5px 10px;
  border-bottom: solid #ccc 0.3px;
  text-align: center; }

.row.maschinenliste .frame-type-table {
  width: 100%;
  margin-block-end: 25px; }

.row.maschinenliste .frame-type-table tr:last-child td {
  border-bottom: 0px !important; }

.row.maschinenliste .frame-type-table table {
  width: 100%; }

.blech .frame-type-uploads li {
  list-style-type: none; }

.blech .frame-type-uploads ul {
  padding: 0px !important; }

.blech .frame-type-uploads div {
  background: #016394;
  padding: 12px; }

.blech .frame-type-uploads div a {
  color: #fff;
  font-size: 13px; }

.blech .frame-type-uploads img {
  border: solid #016394 1px; }

.blech .frame-type-uploads {
  max-width: 200px; }

.frame-type-textpic {
  border: solid #016394 1px;
                        /*
max-width: 350px;*/ }

.ce-textpic .ce-bodytext a {
  font-weight: 700; }

.ce-textpic .ce-bodytext a:before {
  display: inline-block;
  padding-right: 6px; }

.ce-textpic figure {
  margin: 0px; }

.section-header h1 {
  font-weight: 900 !important;
  color: #016394; }

@media only screen and (min-width: 767px) {
    /*
.page_47 section#hero {
  background: #2b2b2b !important;
  height: 90vh !important;
  display: flex;
  align-items: center;
  }*/ }
@media only screen and (max-width: 767px) {
  section#hero video {
    display: none; }

  .hero h1 {
    font-size: 26px; }

  .page_47 section#hero {
    height: 35vh !important; }

  .page_47 section#hero .intro_group {
    display: none !important; }

  section {
    padding: 30px 0;
    overflow: hidden; }

  .navbar a {
    color: #016394 !important; }

  .navbar a.active {
    font-weight: 900; } }